表单输入
| 分类 | Hooks | Classes |
|---|---|---|
| 表单 | <form> v19.0 | - |
\-表单动作 | useActionState() v19.0 | - |
\-乐观更新表单 | useOptimistic() v19.0 | - |
\-表单状态 | useFormStatus() v19.0 | - |
\- | <input> | - |
\- | <textarea> | - |
\- | <select> | - |
\- | <option> | - |
\- | <progress> | - |
大纲
- 表单输入
- 表单控件
- 属性
- 事件
- 绑定
双向绑定自定义绑定- 参数
- 修饰符
- 多根节点双向绑定
- 受控组件&非受控组件
- 非受控组件
- 获取表单数据
- 默认值
- 非受控组件
- 体验优化
- 乐观的更新表单
- 表单控件
表单控件
| 控件 | 属性 | 事件 |
|---|---|---|
<input> | - | - |
<textarea> | - | - |
<select> | - | - |
<option> | - | - |
<progress> | - | - |
<form> | - | - |
表单输入绑定
- Hooks
- Classes
受控组件&非受控组件
- 获取表单数据
- 默认值
- Hooks
- Classes
// https://zh-hans.legacy.reactjs.org/docs/forms.html
// https://zh-hans.legacy.reactjs.org/docs/uncontrolled-components.html
体验优化
- 乐观的更新表单
- Hooks
- Classes