React中的受控组件与非受控组件?

受控组件

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

非受控组件

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

React中的受控组件与非受控组件?