在 React componentDidUpdate 中，props 和 state 可以同时改变吗？答案

【问题标题】：In React componentDidUpdate, can props and state change at the same time?在 React componentDidUpdate 中，props 和 state 可以同时改变吗？
【发布时间】：2018-09-25 04:09:26
【问题描述】：

在一个 react 组件中，通常你不应该改变其中的 props。另外，parent 只能更改 props，不能直接更改 state。基于这两个事实，假设在任何 componentDidUpdate 调用中是否正确，例如，

componentDidUpdate(prevProps: Readonly>, prevState: Readonly)

this.props 可能与 prevProps 不同，或者 this.state 可能与 prevState 不同，但两种情况不能同时发生？

【问题讨论】：

标签： javascript reactjs components

【解决方案1】：

是的，确实，以下代码有时会输出true（取决于上下文）。

componentDidUpdate(prevProps, prevState) {
    const bothChanged = (prevProps !== this.props) && (prevState !== this.state);
    console.log(bothChanged);  // "true" (sometimes)
}

【讨论】：

【解决方案2】：

From react docs:

React 可以将多个 setState() 调用批处理到单个更新中性能。

因此，基于此，我的最佳猜测是，出于性能原因，React 可能会将 props 和状态更新组合在一起，以仅执行一次更新而不是两次。所以回答你的问题：

this.props 可能与 prevProps 不同，或者 this.state 可能是与 prevState 不同，但两种情况不能同时发生时间？

我认为实际上可能会像之前所说的那样发生 - 出于性能原因。

【讨论】：

感谢您的评论，但有时初始状态取决于道具，所以在这种情况下，我们如何知道是重新初始化状态以响应道具的变化，还是继续按原样使用新状态？
“我们如何知道是否需要重新初始化 state 以响应 props 的变化”？通过检查 props 和 state 的新值是什么？