使用大表单进行ReactJs，在文本字段中键入时有延迟

我正在开发React JS应用程序。它有一个相当大的表单，有超过25个字段。在文本字段中键入时，它会延迟键入，似乎有一点延迟

我正在使用一个函数组件，并使用“usestate”钩子来管理状态数据

有什么原因和解决这个问题的方法吗

提前谢谢。 Darshani

您可以尝试以下方法：

<input
  className="form-control"
  type="text"
  name="name"
  defaultValue={form.name}
  onBlur={onChangeHandler}
 />

这只会在模糊时触发事件，并防止每次更改时重新渲染。它很有用，因为当您单击任何其他按钮来处理数据时，可以保证您将拥有更新的状态

• 您也可以尝试制作一个多设置表单
• 此问题与更改值时渲染的组件有关。使用react developer工具，您可以轻松检查输入字段更改时渲染的组件数量

---

这是因为每次击键都可能导致整个表单重新呈现。如果不查看代码，就很难判断是什么导致了它。