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) )

 

• 点赞
• 收藏
• 分享
• • 文章举报

写代码的小哥哥 发布了54 篇原创文章 · 获赞 3 · 访问量 1万+ 私信 关注

标签：异步,loadable,detail,js,React,react,Loadable,组件,import
来源： https://blog.csdn.net/qq_36249659/article/details/104631262