生命周期函数getDerivedStateFromProps的使用
/ / 点击 / 阅读耗时 2 分钟以前写的代码,遇到组件内的状态即来自组件外部props,也来自组件内部的state更新
这种情况,都是在生命周期函数componentDidUpdate
中解决的,在其他地方看到getDerivedStateFromProps
函数的使用,突然发现这个函数才是真正为这个场景而生的。
这个函数使用的场景是
组件内的状态即来自组件外部props,也来自组件内部的state更新。
这个函数是静态函数,在render()
之前执行,setState()
和forceUpstate()
会触发getDerivedStateFromProps
函数。
注意使用条件
- 在使用此生命周期时,要注意把传入的 prop 值和之前传入的 prop 进行比较。
- 因为这个生命周期是静态方法,同时要保持它是纯函数,不要产生副作用。
参考
全文完。