React中的受控组件和非受控组件是什么

React中的受控组件和非受控组件是指在表单元素中的两种不同的输入组件处理方式。

受控组件是指React中的表单元素的值被React的state控制，并且任何时候表单元素的值都反映了state的值。当用户输入数据时，会触发onChange事件，从而更新state的值，再通过state的值更新表单元素的值。这种方式让React来管理表单元素的值，使得表单数据流更加可控。

非受控组件是指表单元素的值由DOM本身来控制，React只是提供了一个初始值，并且不监控表单元素的值的变化。当用户输入数据时，表单元素的值直接改变，React无法感知这个变化。通常情况下，非受控组件适用于一些简单的表单组件，或者需要和第三方库集成的场景。