在react updating生命周期中有一个分支周期函数叫componentWillReceiveProps,这个周期函数的作用是什么？在什么场景下使用

[overcastsky]

componentWillReceiveProps这个生命周期函数的意思就是组件接收一个新的props，他的作用是在于，当props发生改变后就会执行这个周期函数，但是注意的是，在组件的内部我们是不可以改变props的值，所以他的使用场景就是有两个组件，父组件和子组件，父组件通过props将数据传递给子组件，当父组件的props的值改变后，引起子组件的值改变，这时候我们就可以在子组件中添加这个周期函数。

[lulu27753]

既然父组件要把props传递给子组件，那为啥要去改变props的值，可以举个使用场景吗 @overcastsky

[overcastsky]

举一个很简单的例子，假设有两个组件，一个父组件一个子组件，父组件名字叫Parent是一个按钮并且设置了初始props this.defaultProps = {count=0}，子组件名字叫Children是一个h3标签，内容是父组件点击了按钮{this.props.count}次，将子组件(也就是父组件传值给子组件)，当然在父组件里还有一个点击事件的方法，这里就不写了，现在有这样一个需求，就是点击父组件的按钮，让子组件显示对应的次数,你想象一下这种场景，当点击父组件的按钮，props是不是就发生了改变，而子组件又是通过props拿到的父组件的count,所以父组件变化了，子组件也就变化了，这里我表达的可能不是那么的清晰，但是你可以想象一下这种场景

[lulu27753]

做一下理解更正，componentWillReceiveProps这个生命周期函数并不是只有当组件的props发生改变时才会调用，而是只要父组件的render函数被调用，就会触发子组件的componentWillReceiveProps

[lulu27753]

PS: this.setState()触发的更新过程不会调用这个生命周期函数，这是因为这个函数会根据新的props值（参数nextProps)来计算出是否要更新内部的state