react 中 受控组件与非受控组件的区别

非受控组件：页面中的输入类的dom，现用现取就是非受控组件。

注意：输入类的dom，如input checkbox，radio等

现用现取：需要使用的时候直接获取节点使用。

案例：

以上获取用户名与密码的值，就是提交表单是用ref获取节点直接获取

受控组件：页面中的输入类的dom 随着输入将内容维护到状态里面去，用的时候到状态里面取。

注：可变状态通常保存在组件的状态属性中，并且只能使用 setState() 更新，而呈现表单的React组件也控制着在后续用户输入时该表单中发生的情况，以这种由React控制的输入表单元素而改变其值的方式，称为：“受控组件”。

注意：建议使用受控组件，因为不用ref，而非受控组件用几个就需要设置几个ref，react中说过请勿过多使用ref