Skip to content

异步组件

  • 场景
    1. 组件比较大
    2. 组件需要懒加载
jsx
// 异步加载
const XxxComponent = React.lazy(() => import('./XxxComponent'))

// 使用
render() {
    return <React.Suspense fallback={<div>Loading...</div>}>
        <XxxComponent />
    </React.Suspense>
}