React.js是否具有类似Vue.js“ v-model.lazy”的修饰符

Question

在Vue.js中：

默认情况下，v-model在每个输入事件之后将输入与数据同步（除了如上所述的IME组成）。您可以添加lazy修饰符以在更改事件后进行同步：

<!-- synced after "change" instead of "input" -->
<input v-model.lazy="msg" >

react有类似的修饰符或功能吗？在官方文档的哪一部分？

Answer 1

以下内容来自 Vue 文档v-model：

虽然有点神奇，但 v-model 本质上是用于更新用户输入事件数据的语法糖

在反应，您可以收听到任何输入事件（onChange，onClick，等）和触发功能更新组件做出反应的state。如果你想向下传递数据，你可以将它传递props给任何孩子。通过这种方式，我们可以使用输入事件更新数据。有关更多信息，请参阅React State和React Component and Props

Answer 2

onChange（在 React 中）将执行 VueJS 中 v-model 的操作。

维埃<input type="text" v-model="record" />

反应<input type="text" name="record" onChange={e => setRecord(e.target.value)} />

您可以在输入字段上使用onBlur事件来实现类似于 VueJS 中 v-model.lazy 的功能。

维埃<input type="text" v-model.lazy="record" />

反应<input type="text" name="record" onBlur={e => setRecord(e.target.value)} />