React.lazy() 与 PureComponent

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提升性能