- ReactJS 教程
- ReactJS - 主页
- ReactJS - 简介
- ReactJS - 安装
- ReactJS - 架构
- ReactJS - 创建 React 应用程序
- ReactJS-JSX
- ReactJS - 组件
- ReactJS - 样式
- ReactJS - 属性（props）
- ReactJS - 事件管理
- ReactJS - 状态管理
- ReactJS - Http 客户端编程
- ReactJS - 表单编程
- ReactJS - 路由
- ReactJS-Redux
- ReactJS - 动画
- ReactJS - 测试
- ReactJS - CLI 命令
- ReactJS - 构建和部署
- ReactJS - 示例
- ReactJS 有用的资源
- ReactJS - 快速指南
- ReactJS - 有用的资源
- ReactJS - 讨论
ReactJS - 表单编程
表单编程的本质需要维护状态。因为，当用户与表单交互时，输入字段信息将会发生变化。但正如我们之前了解到的，React 库本身并不存储或维护任何状态信息，组件必须使用状态管理 api 来管理状态。考虑到这一点，React 提供了两种类型的组件来支持表单编程。
受控组件- 在受控组件中，React 为所有输入元素提供特殊属性、值并控制输入元素。value 属性可用于获取和设置输入元素的值。它必须与组件的状态同步。
不受控组件- 在不受控组件中，React 为表单编程提供最低限度的支持。它必须使用 Ref 概念（另一个在运行时获取 React 组件中的 DOM 元素的 React 概念）来进行表单编程。
让我们在本章中学习使用受控和非受控组件的表单编程。