课程
文档
训练营
价格
博客
该视频仅会员有权观看
立即开通课程「React.js 前端应用开发实践」权限。
¥
199
/ 年
立即订阅
订阅后全站课程均可学习
React.js 前端应用开发实践
自动播放下一节
is off
off
首页
课程
React.js 前端应用开发实践
受控组件:表单元素的状态交给 React 组件控制(Controlled Components)
受控组件:表单元素的状态交给 React 组件控制(Controlled Components)
Re
React.js 前端应用开发实践
受控组件是由React组件的状态控制的表单元素。
在React中,可以设置表单元素的value属性为组件的state来控制表单的状态。
state的初始值设置为一个空字符串,可以通过onChange事件监听文本框的更改,并使用setState方法更新state的值。
当文本框的值变化时,执行onChange事件处理器,这会更新state并触发组件的重新渲染。
在组件状态变化或表单提交时,可以通过输出至控制台来检查state的当前值。
整个流程确保了文本框的内容与组件的state保持一致。
上一节
防止表单元素的默认行为(preventDefault )
下一节
多行文本:Textarea