13、React 中的渲染、生命周期方法与表单使用

React 中的渲染、生命周期方法与表单使用

1. React 组件基础回顾

在 React 开发中，组件是构建应用的核心。React 组件由继承自 React.Component 类的 JavaScript 类创建，具有可被钩子进入的生命周期。这意味着它们在被 React 管理的过程中有开始、中间和结束阶段。由于继承了 React.Component 抽象基类，它们还能访问无状态函数组件所没有的特殊 React API。

React 提供了生命周期方法，可用于在组件生命周期的不同阶段进行操作，让应用在 React 管理 UI 的不同过程中做出恰当响应。不过，并非所有生命周期方法都必须使用，仅在需要时引入即可。很多时候，无状态函数组件就能满足需求。

此外，React 还提供了 componentDidCatch 方法，用于处理组件构造函数、渲染或生命周期方法中出现的错误。通过该方法，可以在应用中创建错误边界，其作用类似于 JavaScript 中的 try...catch 语句。当 React 捕获到错误时，会将发生错误的组件及其子组件从 DOM 中卸载，以提高渲染稳定性，防止整个应用崩溃。

2. 项目：Letters Social 简介

我们开始构建名为 Letters Social 的项目，该项目将贯穿后续内容，用于探索 React 相关主题。项目的最终版本可在 https://social.react.sh 查看，源