React：我们如何知道在 setState() 之后所有组件都已安装/渲染？

Question

在 react 对组件 (R) 的 setState() 的调用可以触发所有子组件的重新渲染。

我们怎么知道什么时候完成？ 在R 的所有子级都已安装/渲染/更新后调用哪个生命周期方法？

更详细：

让我们考虑以下情况：

有一个根组件R，及其子组件C1和C2。

我想实现我自己的 redux 存储，其中子组件（C1 和 C2）可以调度操作，并且在所有子组件都已安装/重新渲染/更新之后，我想命令 redux 存储处理分派的动作。

所以我需要知道所有子节点何时被渲染，并安排调用 redux store 来命令 store 处理分派的操作。

R 的所有子级都已挂载/渲染/更新后调用哪个生命周期方法？

Answer 1

更新：React 已经改变了它的生命周期，但在这种情况下，你需要的方法还是一样的。新的生命周期是：

A) 安装

1. 构造函数
2. 静态 getDerivedStateFromProps
3. 渲染
4. componentDidMount

B) 更新（包括道具和状态）

1. 静态 getDerivedStateFromProps
2. 应该组件更新
3. 渲染
4. getSnapshotBeforeUpdate
5. componentDidUpdate

---

老答案

ComponentDidUpdate 会照你说的做。它在由于 props 更改或由于 state 更改而渲染后立即启动。

生命周期：

A) 安装

1. 构造函数
2. ComponentWillMount
3. 渲染
4. ComponentDidMount

B) 道具变化

1. ComponentWillReceiveProps
2. 应该组件更新
3. 渲染
4. ComponentDidUpdate

C) 状态变化

1. 应该组件更新
2. 组件WillUpdate
3. 渲染
4. ComponentDidUpdate

更多信息： https://reactjs.org/docs/react-component.html#componentdidupdate

Answer 2

我认为您正在寻找 componentDidUpdate 生命周期事件。 https://facebook.github.io/react/docs/react-component.html#componentdidupdate

它在组件被更新时触发（并且它的所有子组件也被更新）。

⚠ 此事件不会在第一次渲染时触发。如果还需要处理首次渲染，则必须同时使用componentDidUpdate 和componentDidMount