16、React 组件状态管理与生命周期中的效果处理

React 组件状态管理与生命周期中的效果处理

在 React 开发中，组件状态管理和生命周期中的效果处理是非常重要的部分，它们能让应用更加交互性和高效。下面将详细介绍相关内容。

1. 待办应用中的状态管理

在一个开发完善的待办应用中，状态管理是关键。状态通常存储在一个层级中，并在适用的情况下传递给其他组件以渲染所需的结果。例如，在最新的待办应用中，状态“全局”存储在 TodoApplication 组件中，而不是仅存储在每个子组件内部。

如果要添加一个与任务列表相邻且需要访问相同状态值的组件，就需要将状态从 TodoApplication 组件提升到 App 组件，然后将值和设置器向下传递给 TodoApplication 组件。这种传递状态值和设置器的工作可能会变得复杂，但可以通过 React 上下文更好地解决。

2. 有状态的基于类的组件

在 React 中，有状态的组件在 Hooks 出现之前就已经存在，状态是基于类的组件功能的主要特性。基于类的组件中状态的工作方式与功能组件类似，也有四个步骤：
1. 初始化状态
2. 显示当前值
3. 更新状态
4. 通知 React 状态已更新

2.1 与 useState 钩子的相似之处

功能组件中所做的一切在基于类的组件中也可以完成，只是语法略有不同。以下是功能组件和基于类的组件中状态管理的语法对比：
| 功能组件 | 基于类的组件 |
| — | — |