受控与非受控输入

同表单双实现对照:受控输入实时可读可重置,非受控提交时才读、用 defaultValue 和换 key 重挂载重置。

React核心约 25 分钟
开始学习
学习目标
  • 分别用 value+onChange 与 defaultValue+ref 实现受控与非受控输入
  • 说清两种方式的读取时机差异,以及 defaultValue 只在首次挂载生效的坑
  • 掌握两种重置方式:受控 setState 与非受控换 key 重挂载
知识点
受控组件非受控组件defaultValue换 key 重挂载

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...