react框架2018-11-27更新了blogs，介绍了一些新功能，下面简要介绍一下
1、使用React.lazy() 等待组件加载的时候 暂停渲染
这个功能在16.6.3版本中比较稳定
const OtherComponent = React.lazy(() => import('./OtherComponent'));
function MyComponent() {
return (
<React.Suspense fallback={<Spinner />}>
<div>
<OtherComponent />
</div>
</React.Suspense>
);
}
2、PureComponent纯组件
在传入props的时候，仅仅比较浅层的数据变化，深层数据属性变化组件不会更新
深层数据的更新可以通过判断，强行触发组件更新
component.forceUpdate(callback)
适用场景：组件的state、props相同的情况下，组件的表现应该保持不变，则可以使用React.PureComponent提升性能
网友评论