我可以在React中更新组件的道具吗。js？

Question

开始与React合作后。在js中，props似乎是静态的（从父组件传入），而state则根据事件进行更改。但是，我注意到文档中提到了组件WillReceiveProps，其中特别包括以下示例：

componentWillReceiveProps: function(nextProps) {
  this.setState({
    likesIncreasing: nextProps.likeCount > this.props.likeCount
  });
}

这似乎意味着，根据nextProps与This的比较，组件的属性可能会发生变化。道具。我错过了什么？道具是如何变化的，还是我弄错了它的名称？

Answer 1

当组件的父级使用不同的属性再次渲染组件时，道具可能会更改。我认为这主要是一种优化，因此不需要实例化新组件。

Answer 2

道具

React组件应该使用道具来存储可以更改的信息，但只能由不同的组件更改。

状态

React组件应该使用状态来存储组件本身可以更改的信息。

Valéry已经提供了一个很好的例子。

Answer 3

组件不能更新自己的道具，除非它们是数组或对象（让组件更新自己的道具，即使可能也是反模式的），但可以更新其状态及其子组件的道具。

例如，仪表板在其状态中有一个速度字段，并将其传递给显示此速度的仪表子级。它的渲染方法只是返回

在此之前，将调用仪表的组件willreceiveprops，以便仪表有机会比较新值和旧值。