📄️ 输入状态
React 提供了一种声明式的方式来操作用户界面。您无需直接操作界面的各个部分，而是描述组件的不同状态，并根据用户输入在这些状态之间切换。这种方式与设计师思考用户界面的方式相似。
📄️ 选择状态的结构
状态的结构是 React 组件设计的核心。良好的状态结构可以使组件易于修改和调试，而糟糕的状态结构可能导致难以发现的错误。
📄️ 状态共享
有时，你希望两个组件的状态总是一起改变。为此，从两者中删除状态，将其移动到它们最近的共同父级，然后通过props传递它。这被称为提升状态，这是编写React代码时最常见的事情之一。
📄️ 组件状态的保持
组件状态是独立且隔离的。React 通过组件在 UI 树中的位置来追踪每个组件的状态。你可以精确控制何时保留状态,以及何时在重新渲染之间重置状态。
📄️ Reducer
当组件中的状态更新逻辑变得复杂，并且分散在多个事件处理程序中时，可能会导致代码难以理解和维护。
📄️ Context
在React应用中，通常我们通过props将信息从父组件传递给子组件。然而，当需要跨越多层组件传递props，或者多个组件需要共享相同的数据时，这种方式可能变得繁琐且难以维 护。这就是Context发挥作用的地方。Context提供了一种优雅的解决方案，允许父组件向组件树中的任何后代组件直接传递数据，无需通过中间组件逐层传递props。这种机制大大简化了数据的共享和管理，使得代码更加清晰和高效。
📄️ reducer 和 context 结合使用
Reducers 让你将组件的状态更新逻辑集中在一起。Context 让你将信息深入传递给其他组件。你可以将 reducers 和 context 结合使用，以管理复杂屏幕的状态。