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

React 中受控和非受控的概念通常跟 form 表单组件相关，比如 input ，通过区分与 input 进行数据交互的方式，组件被分成两个不同的派系，受控与非受控。

受控组件

React 中受控组件的是指表单元素的控制是交给 React ，表单元素的值是完全交由组件的 state 控制。

非受控组件

非受控组件指表单元素的状态并不受 React 组件状态的影响，表单元素的值存储于 DOM 元素中。如果要 React 组件要获取 DOM 元素的值，需要通过绑定 ref 的方式去获取。