React 中使用异步组件

1.安装

cnpm i react-loadable -S

2.在detail文件中新建loadable.js

import Loadable from 'react-loadable'
import React from 'react'
const LoadableComponent = Loadable({
    loader:()=>import('./'),
    loading(){
        return <div>正在加载</div>
    }
})

export default ()=><LoadableComponent/>

3.App.js中

import Detail from './pages/detail/loadable'

4.detail/index.js  解决参数

import {withRouter} from 'react-router'
export default connect(mapState, mapDispath)( withRouter(Detail) )