受控组件与非受控组件

本文介绍了React中受控组件和非受控组件的概念及其使用。受控组件通过value和onchange确保数据流的控制,而非受控组件则允许直接操作DOM获取数据,通常使用defaultValue设定初始值。理解这两种组件的区别对于优化React应用的表单管理至关重要。
摘要由CSDN通过智能技术生成

受控组件:
受控组件是必须要有value的,value用来传入一个参数,结合onchang来控制这个参数输出。每当value变化的时候,都会调用onchange的方法,事件处理器拿到新的值之后就会重新渲染视图,更新表单。
其中,文本框、下拉框都用的是event.target.value,而多选框用的是event.target.checked。
注意:value和onchange两者在受控组件中缺一不可,一旦缺少其中一个就会报错。

非受控组件:
非受控组件即不受状态的控制,获取数据就是相当于操作DOM。一般没有value,我们就可以认为这个组件是非受控组件,但是我们可以通过defaultValue来给初始值。onBlur是失去焦点,一旦输入框失去焦点就会触发响应的方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值