nextState 在 shouldComponentUpdate 中做了什么?
What does nextState do in shouldComponentUpdate?
在 React 生命周期函数 shouldComponentUpdate(nextProps, nextState) 中,nextProps 是不言自明的。
但是 nextState 是做什么的?
我什至在决定组件是否应该 rendered/modified 之前就可以评估即将到来的状态,这听起来不对。
nextState
用于检测组件是否应该根据您提到的即将到来的状态进行更新。
这有助于优化更新组件。例如:
如果状态变成具有多个属性的大对象,但特定组件只关心单个 属性 或状态的一小部分,您可以检查该更改以确定组件是否需要重新渲染。这个例子取自 React 文档,但很好地理解了要点:
shouldComponentUpdate(nextProps, nextState) {
if (this.props.color !== nextProps.color) {
return true;
}
if (this.state.count !== nextState.count) {
return true;
}
return false;
}
基本上状态在那个时候已经改变了,你认为有必要重新渲染组件并基于你 return 是还是假
在 React 生命周期函数 shouldComponentUpdate(nextProps, nextState) 中,nextProps 是不言自明的。
但是 nextState 是做什么的?
我什至在决定组件是否应该 rendered/modified 之前就可以评估即将到来的状态,这听起来不对。
nextState
用于检测组件是否应该根据您提到的即将到来的状态进行更新。
这有助于优化更新组件。例如:
如果状态变成具有多个属性的大对象,但特定组件只关心单个 属性 或状态的一小部分,您可以检查该更改以确定组件是否需要重新渲染。这个例子取自 React 文档,但很好地理解了要点:
shouldComponentUpdate(nextProps, nextState) {
if (this.props.color !== nextProps.color) {
return true;
}
if (this.state.count !== nextState.count) {
return true;
}
return false;
}
基本上状态在那个时候已经改变了,你认为有必要重新渲染组件并基于你 return 是还是假