react懒加载
2017-01-19 10:34:30 0 举报
React懒加载是一种优化网页性能的技术,它通过延迟加载组件或模块,直到用户需要使用它们时才进行加载。这样可以减少初始加载时间,提高用户体验。React懒加载可以通过多种方式实现,例如使用React的`lazy()`函数和`Suspense`组件。`lazy()`函数可以将组件定义为一个异步加载的组件,而`Suspense`组件则可以用于处理异步加载时的等待状态。当用户滚动到某个位置时,该位置对应的组件才会被加载和渲染。总之,React懒加载是一种非常实用的技术,可以帮助我们构建更加高效、快速的用户界面。
作者其他创作
大纲/内容
render()
React.Children.only(this.props.children(this.state.modules))
componentWillMount
LazilyLoad
then(values)
setState({ modules: result})
then(result)
componentWillReceiveProps
modules
React组件对象map
keys.map((key) = modules[key]())
keys.reduce()
所有modules加载完毕
Object.keys(modules)
modules不等
load(props)
数据变化
Promise.all
0 条评论
下一页