react中的受控和非受控组件


受控组件

假设我们现在有一个表单,表单中有一个input标签,input的value值必须是我们设置在constructor构造函数的state中的值,然后,通过onChange触发事件来改变state中保存的value值,这样形成一个循环的回路影响。也可以说是React负责渲染表单的组件仍然控制用户后续输入时所发生的变化。

 
 

就像上面这样,input中的value值通过state值获取,onChange事件改变state中的value值,input中的value值又从state中获取。。。


非受控组件

非受控也就意味着我可以不需要设置它的state属性,而通过ref来操作真实的DOM。

 





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM