什么是React受控组件和非受控组件？

这与有状态DOM组件（表单元素）有关，而React文档解释了区别：

• 甲控制的部件是一个，通过取其电流值

  props

  和通过像回调通知变化

  onChange

  。父组件通过处理回调并管理其自身的状态并将新值作为道具传递给受控组件来“控制”它。您也可以将其称为“哑组件”。
• 一个不受控制的组件是一个存储其自己的内部状态，并且您使用查询DOM

  ref

  ，当你需要它来找到它的当前值。这有点像传统的HTML。

大多数本地React表单组件都支持受控和不受控制的用法：

// Controlled:<input type="text" value={value} onChange={handleChange} />// Uncontrolled:<input type="text" defaultValue="foo" ref={inputRef} />// Use `inputRef.current.value` to read the current value of <input>

在大多数（或全部）情况下，应使用受控组件。