在 React 中，受控组件（Controlled Component）和非受控组件（Uncontrolled Component）是描述表单元素如何与 React 状态交互的两种方式。 --- 1. 受控组件（Controlled Component） ✅ 定义： 受控组件的表单数据由 React 组件的 state 控制，用户输入会触发事件处理函数更新 state，而输入框的值始终由 prop 决定。 📌 特点： - 表单元素的值由 驱动。 - 用户输入通过 等事件同步到 。 - React 完全掌控输入值。 🧪 示例： ✅ 优点： - 实时验证、条件禁用、格式化输入等逻辑容易实现。 - UI 与状态始终保持一致。 - 便于测试和控制复杂交互。 --- 2.非受控组件（Uncontrolled Component） ✅定义： 非受控组件的表单数据由 DOM自身管理，React不通过state控制其值，而是通过 直接读取 DOM节点的值。 📌特点： -使用 获取 input的值。 -初始值可用 （仅首次有效）。 -Reacts不控制输入过程，只在需要时读取。 🧪示例： ...
播面