state 在 shouldComponentUpdate 之后和渲染之前是否得到更新

Question

我是 React 的新手，只是关于如何更新组件的 state object 的问题。 在分析了一些代码后，我认为：

在更新阶段，state 在 shouldComponentUpdate 方法之后但在 render 方法之前得到更新，我的理解是否正确？

如果答案是肯定的，是否是另一种专用方法（例如“UpdatingState”）来更新 state object？

Answer 1

在 react 中更新 state 是通过setState生命周期方法完成的

您可以这样称呼它this.setState({name: 'new name'})这会将 state object 键name更新为新值，在本例中new name

更新对象有点困难。 你必须先克隆 object。 然后更改值，然后像这样重置 state

state = {
   person: {
     name: 'peter',
     age: 25
}

const copy = {...this.state.person}
copy.name = 'new name'
this.setState({copy})

Answer 2

是的，state 将在 shouldComponentUpdate 之后更新 ( setState )。 更新阶段的顺序是

1. getDerivedStateFromProps
2. 应该组件更新
3. 使成为
4. 组件DidUpdate

更新 state 使用setState

Answer 3

在 state 和道具中的每次更新后都会调用一个 function ：

componentDidUpdate(prevProps , prevState)