ReactJS – 表单编程

表单编程的本质是需要维护状态。因为,当用户与表单交互时,输入字段信息会发生变化。但是正如我们之前所了解的,React 库本身并不存储或维护任何状态信息,组件必须使用状态管理 API 来管理状态。考虑到这一点,React 提供了两种类型的组件来支持表单编程。

  • 受控组件– 在受控组件中,React 为所有输入元素提供了一个特殊的属性、值并控制输入元素。value 属性可用于获取和设置输入元素的值。它必须与组件的状态同步。
  • 不受控制的组件– 在不受控制的组件中,React 为表单编程提供了最小的支持。它必须使用 Ref 概念(另一个 react 概念来在运行时获取 React 组件中的 DOM 元素)来进行表单编程。

让我们在本章中学习使用受控组件和非受控组件的表单编程。