react 性能优化之 componentWillReceiveProps & componentDidUpdate

标签：方式   rev   bsp   react   rop   重要   ext   tps   推荐   

使用方法看起来一样：

componentWillReceiveProps(nextProps) {
    if(nextProps.count !== this.props.count) 
         // doSomething
    }
}

componentDidUpdate(prevProps) {
    if(prevProps.count !==  this.props.count) {
        this.setState({
            count: this.props.count
        })
    } 
}
区别：
生命周期调用时机不同
componentWillReceiveProps在组件接受新的props之前触发,
componentDidUpdate在组件接受新的props之后触发

更新state的方式

最主要的区别是

react 性能优化之 componentWillReceiveProps & componentDidUpdate

标签：方式   rev   bsp   react   rop   重要   ext   tps   推荐   

原文地址：https://www.cnblogs.com/xiaoyaoweb/p/12881892.html