重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

react受控组件和不受控组件的区别有哪些

今天小编给大家分享的是react受控组件和不受控组件的区别有哪些,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。

创新互联建站"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销,产品发布一步更新,电脑网络+移动网络一网打尽,满足企业的营销需求!创新互联建站具备承接各种类型的网站制作、网站设计项目的能力。经过十多年的努力的开拓,为不同行业的企事业单位提供了优质的服务,并获得了客户的一致好评。

react受控组件和不受控组件的区别:1、受控组件依赖于状态,而非受控组件不受状态的控制;2、受控组件只有继承“React.Component”才会有状态,而非受控组件则不是只有继承才有状态;3、受控组件一般适用于需要动态设置初始值时,非受控组件一般用于无任何动态初始值信息时。

本教程操作环境:Windows10系统、react17.0.1版、Dell G3电脑。

react受控组件和不受控组件的区别

两者区别

1、受控组件

受控组件依赖于状态

受控组件的修改会实时映射到状态值上,此时可以对输入的内容进行校验

受控组件只有继承React.Component才会有状态

受控组件必须要在表单上使用onChange事件来绑定对应的事件

2、非受控组件

非受控组件不受状态的控制

非受控组件获取数据就是相当于操作DOM

非受控组件可以很容易和第三方组件结合,更容易同时集成 React 和非 React 代码

选择受控组件还是非受控组件

1、受控组件使用场景:一般用在需要动态设置其初始值的情况。例如:某些form表单信息编辑时,input表单元素需要初始显示服务器返回的某个值然后进行编辑。

2、非受控组件使用场景:一般用于无任何动态初始值信息的情况。例如:form表单创建信息时,input表单元素都没有初始值,需要用户输入的情况。

扩展知识:

一、受控组件

在HTML中,表单元素的标签