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

  • Z时代
  • 2024-01-10
  • 分类：问答

ReactJS中什么是受控组件和非受控组件？它们之间有何不同？

回答：

这与有状态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>

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

以上是 什么是React受控组件和非受控组件？ 的全部内容， 来源链接： utcz.com/qa/416031.html

回到顶部