react动态导入

import React from 'react'
const ContextDemo = React.lazy(() => import('./ContextDemo'))

class App extends React.Component {
    constructor(props) {
        super(props)
    }
    render() {
        return <div>
            <p>引入一个动态组件</p>
            <hr />
            <React.Suspense fallback={<div>Loading...</div>}>
                <ContextDemo/>
            </React.Suspense>
        </div>
    }
}

export default App

小结

1. react使用React.lazy进行动态导入
2. 使用React.Suspense标签，包裹动态导入的组件，进行加载提示