React中的受控组件和非受控组件

受控组件

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

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

---

非受控组件

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

作者：YummyFried
链接：https://www.jianshu.com/p/d2ca25587688
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。