2019-11-07 React.memo()

PureComponent 和 React.memo(),可以仅仅让某些组件进行渲染,由于只有需要渲染的组件被渲染了,所以可以提升性能

相同点:两种都可以提升组件性能,减少不必要的渲染

区别:PureComponent 依靠class组件, React.memo()依靠function组件,即在不同性质的组件内用。purecompoment是对前后参数进行浅比较(就是浅层比较,不深入比较,eg:a=[1,2,3],a=a.splice(1,1),a=[1,2],使用purecomponent会认为这两两个数组前后一样,就不会对组件进行渲染从而新数据传不到view里)

React.memo是一个高阶组件,可以包裹一个已经定义的函数组件,它会检查接下来的渲染是否与前一次的渲染相同,如果两者是一样的,那么就会保留上一次的渲染结果。参考资料https://www.jianshu.com/p/9293daab4161写的很详细

你可能感兴趣的:(2019-11-07 React.memo())