解释为什么调用 setState 而不是直接改变 state？

参考答案：

在 React 中，setState 是用于更新组件状态的标准方法。虽然你可能会觉得直接改变 state 对象会更简单，但 React 团队选择使用 setState 方法是有其深刻原因的。以下是一些主要的原因：

异步性：setState 是异步的，这意味着当你连续调用 setState 时，React 会合并这些更新，并在下一次渲染周期中一起应用它们。这种合并策略有助于提高性能，因为 React 可以避免不必要的重新渲染。如果你直接修改 state，那么你就无法控制这种合并行为，可能会导致状态更新出现问题。
一致性：使用 setState 可以确保你的状态更新始终以一种可预测和一致的方式进行。React 团队强烈建议通过 setState 来更新状态，而不是直接修改 state，这是因为 setState 提供了更多的控制和一致性。
生命周期方法：React 的生命周期方法，如 componentDidUpdate，依赖于 setState 来触发状态更新。如果你直接修改 state，那么这些生命周期方法可能无法正确地响应状态变化。
不可变性：在 React 中，state 应该被视为不可变的。虽然 JavaScript 的对象是可变的，但你应该避免直接修改 state。使用 setState 可以帮助你保持 state 的不可变性，这有助于保持代码的可预测性和可维护性。

总的来说，使用 setState 而不是直接修改 state 是 React 的最佳实践，因为它提供了更好的性能、一致性、生命周期支持和不可变性。