React-memo

228 阅读1分钟
//React 中性能优化、 memo、 PureComponent、shouldComponentUpdate 的使用
//https://blog.csdn.net/landl_ww/article/details/95600969

/*注意几点:
shouldComponentUpdate

PureComponet:只会进行浅层的比较,如果是传入值内部发生变化,
            PureComponent 是会出现,数据更新,视图不更新的情况的

            PureComponent 还有一个 bug,那就是 我们不去改变 Children 的 props,但我们在 Children 组件实例上,传入一个 立即执行函数,当我们去更新 Parent 组件时,
            也会导致 Children 每次都更新
memo 只需要使用 memo 包裹 一个函数组件,返回一个新组件,就可以实现 PureComponent 的 功能, 但是在使用的时候,
    也要注意到 PureComponent 的限制
*/

import React,{Component,PureComponent} from'react';
const Foo = memo(function Foo(props){
    return(
        <div/>
    )
})

class Foo2 extends PureComponent(){
    render(){
        return(
            <div/>
        )
    }
}