logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

受控组件:表单元素的状态交给 React 组件控制(Controlled Components)

  • 受控组件是由React组件的状态控制的表单元素。
  • 在React中,可以设置表单元素的value属性为组件的state来控制表单的状态。
  • state的初始值设置为一个空字符串,可以通过onChange事件监听文本框的更改,并使用setState方法更新state的值。
  • 当文本框的值变化时,执行onChange事件处理器,这会更新state并触发组件的重新渲染。
  • 在组件状态变化或表单提交时,可以通过输出至控制台来检查state的当前值。
  • 整个流程确保了文本框的内容与组件的state保持一致。