lazy 这两个钩子, 因此在之后的版本中便可以使用其来实现 Code Spliting。...目前阶段, 服务端渲染中的 code-spliting 还是得使用 react-loadable, 可查阅 React.lazy, 暂时先不探讨原因。...Code Spliting 在 React 中的使用方法是在 Suspense 组件中使用 组件:
import { Suspense, lazy } from 'react...readLazyComponentType 后可以发现 dynamic import 本身类似 Promise 的执行机制, 也具有 Pending、Resolved、Rejected 三种状态, 这就比较好理解为什么...
该 Demo 的效果为当获取数据的时间大于(是否包含等于还没确认) 500 毫秒, 显示自定义的 组件, 当获取数据的时间小于 500 毫秒, 略过 <Loading