加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React - 可控组件和非可控组件的选择

发布时间:2020-12-15 16:17:38 所属栏目:百科 来源:网络整理
导读:原则 受控组件(用户输入 --- state 更新 --- 组件更新)的消耗明显比非受控组件大的多,但非受控组件只能在需求非常简单的情况下的使用。 特性 uncontrolled 受控组件 只用一次(例如:只在提交时使用) ? ? 提交时验证 ? ? 立即验证 ? ? 根据表单填写情况

原则

受控组件(用户输入 ---> state 更新 ---> 组件更新)的消耗明显比非受控组件大的多,但非受控组件只能在需求非常简单的情况下的使用。

特性 uncontrolled 受控组件
只用一次(例如:只在提交时使用) ? ?
提交时验证 ? ?
立即验证 ? ?
根据表单填写情况动态禁用提交按钮 ? ?
固定输入格式 ? ?
多个输入确定一个值 ? ?
动态的输入框(例如:小组成员) ? ?

注意:在 React 中,<input type="file" />始终是一个不受控制的组件,因为它的值只能由用户设置,而不是以编程方式设置。(参见:Uncontrolled Components – React)

参考

Controlled and uncontrolled form inputs in React don‘t have to be complicated - Gosha Arinich

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读