willReceiveProps 和 shouldComponentUpdate

当父组件重新渲染的时候，会触发子组件componentWillReceiveProps和shouldComponentUpdate两个方法的执行。
nextProps会以参数的形式传递给这两个方法，他们之间是否有什么区别与联系？

class Demo extends React.Component {
    componentWillReceiveProps(nextProps) {
        //
    }
    shouldComponentUpdate(nextProps, nextState){
        //
        return true
    } 
    render() {
        return null
    }
}

执行顺序

componentWillReceiveProps
shouldComponentUpdate
render

执行时机

componentWillReceiveProps不关心返回值，一般在这里根据props来更新state
shouldComponentUpdate无论前者返回什么都会被调用，在这里判断是否调用render

componentWillReceiveProps已经在React16.3+中被列为deprecate方法，不仅是这个，还包括 componentWillUpdate、componentWillMount等方法。可以通过这里查看详情。

# React, 生命周期

支付宝

微信

willReceiveProps 和 shouldComponentUpdate

执行顺序

执行时机

喜欢这篇文章？打赏一下作者吧

评论

分类

标签云

最新文章

归档

标签

最新文章

归档

标签

Your browser is out-of-date!