React.lazy() 与 PureComponent

react框架2018-11-27更新了blogs,介绍了一些新功能,下面简要介绍一下
1、使用React.lazy() 等待组件加载的时候 暂停渲染
这个功能在16.6.3版本中比较稳定

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
  return (
    }>
      
); }

2、PureComponent纯组件
在传入props的时候,仅仅比较浅层的数据变化,深层数据属性变化组件不会更新
深层数据的更新可以通过判断,强行触发组件更新

component.forceUpdate(callback)

适用场景:组件的state、props相同的情况下,组件的表现应该保持不变,则可以使用React.PureComponent提升性能

你可能感兴趣的:(React.lazy() 与 PureComponent)