在React componentDidUpdate中，道具和状态是否可以同时更改？

Question

在react组件中，通常不应在其中变异道具。此外，家长只能更改道具，不能直接更改状态。基于这两个事实，假设在任何componentDidUpdate调用中，例如。，

只读

这道具可能与prevProps不同，或者与此不同。状态可能与状态不同，但这两种情况不能同时发生？

Answer 1

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

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

Answer 2

从react文档：

React可以将多个setState（）调用批处理到一个更新中以提高性能。

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

这道具可能与prevProps不同，或者与此不同。状态可能与prevState不同，但这两种情况不能同时发生？

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