解释为什么调用 setState 而不是直接改变 state？
在React中，我们不能直接修改组件的状态（state），而应该使用setState方法来进行状态的更新。有以下几个原因：
- 保证React的响应性：React的渲染和更新机制是基于状态（state）和属性（props）的变化的。当你使用
setState方法更新状态时，React会知道状态已经改变，并且将这个组件标记为“需要重新渲染”。然后，在下一个更新周期中，React会重新渲染这个组件和它的子组件。如果你直接修改状态，React将无法知道状态已经改变，从而无法正确地更新UI。 -
异步更新和性能优化：React可能会将多个
setState调用合并成一个更新，以优化性能。这是因为真正的DOM操作（比如创建元素、修改属性等）是非常昂贵的。通过批量更新，React可以减少实际的DOM操作次数，从而提高性能。如果你直接修改状态，就无法享受到这种优化。 -
保持组件的一致性：
setState方法保证了状态的更新是可预测和一致的。它提供了一种明确的方式来描述状态如何随时间变化，这使得代码更易理解和维护。
因此，我们应该始终使用setState来更新组件的状态，而不是直接修改它。