logo

该视频仅会员有权观看

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

¥
199
/ 年
订阅后全站课程均可学习
React.js 前端应用开发实践

React.js 前端应用开发实践

受控组件：表单元素的状态交给 React 组件控制（Controlled Components）

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