01-在React中使用表单

第5章　在React中使用表单

本章主要内容

• 在React中使用表单元素
• React中的受控与非受控表单组件
• 在React中验证和清理数据

到目前为止，我们已经了解了一些用React构建简单组件的基础知识：生命周期钩子、PropTypes和大多数高层组件API。我们已经初步了解了基本原理并可以做一些简单的事情，如更新组件本地状态、使用props在组件之间传递数据等。另外我们还介绍了组件结构、组件化思维方式和生命周期方法。

我们在将本章更多地应用这些知识并真正开始构建示例应用Letters Social。我们将创建用户用来新建Letters Social帖子的组件。首先，我们将研究整个问题并审查数据需求，然后讨论React中的表单并构建组件的功能。到本章结束时，读者应该能学会如何在React应用中使用表单。

如何获取本章代码

和每章一样，读者可以去GitHub仓库检出源代码。如果想从头开始编写本章代码，可以使用第4章的已有代码（如果跟着编写了示例）或直接检出指定章的分支（chapter-5-6）。

记住，每个分支对应该章末尾的代码（例如，chapter-5-6对应第5章和第6章末尾的代码）。读者可以在选定目录下执行以下终端命令之一来获取当前章的代码。

如果还没有代码库，请输入下面的命令来获取：

git clone [email protected]:react-in-action/letters-social.git

如果已经克隆过代码仓库：

git checkout chapter-5-6

如果你是从其他章来到这里的，则需要确保已经安装了所有正确的依赖：

npm install