在开始使用React.js之后,props
似乎被设计为静态的(从父组件传入),而state
则根据事件进行更改。但是,我在文档中注意到了对componentWillReceiveProps
的引用,其中特别包含了这个示例:
componentWillReceiveProps: function(nextProps) {
this.setState({
likesIncreasing: nextProps.likeCount > this.props.likeCount
});
}
这似乎意味着,根据nextProps
与this.props
的比较,组件的属性可能会发生变化。我遗漏了什么?道具是如何改变的,还是我搞错了它的调用位置?
发布于 2014-07-25 04:52:35
组件不能更新自己的道具,除非它们是数组或对象(让组件更新自己的道具,即使可能也是反模式),但可以更新其状态及其子组件的道具。
例如,仪表板在其状态中有一个speed
字段,并将其传递给显示此速度的Gauge子项。它的render
方法就是return <Gauge speed={this.state.speed} />
。当仪表板调用this.setState({speed: this.state.speed + 1})
时,将使用speed
的新值重新呈现仪表。
在此之前,将调用Gauge的componentWillReceiveProps
,以便Gauge有机会将新值与旧值进行比较。
发布于 2014-07-25 02:02:06
当组件的父组件再次呈现具有不同属性的组件时,属性可能会发生变化。我认为这主要是一种优化,因此不需要实例化任何新的组件。
发布于 2019-12-10 04:34:19
钩子发生了很多变化,例如componentWillReceiveProps
变成了useEffect
+useRef
(as shown in this other SO answer),但是Props are still Read-Only,所以只有调用者方法应该更新它。
https://stackoverflow.com/questions/24939623
复制相似问题