javascript - React 动态表单状态处理

Question

我有一个动态表格。表单不会根据用户输入以首选模式增长，我将表单中的所有用户输入捕获为 React State。

在提交表单时，我将 State(JSON) 转换为 YAML 文件。该状态的 JSON 结构有一个深度树，其中涉及多个数据结构。当我更改此深层树中的任何元素时，表单会更新。但是，随着动态表单的增长，表单加载时间和反应时间也会增加。有什么方法可以更快地处理这种复杂的状态操作？

Answer 1

所以这是我使用的方法

我创建一个数组并将每个动态子添加到数组中，如果它有任何变化，我会专门更新该索引子表单。所以只有部分树得到更新。

我还根据索引生成输入名称，因此我可以通过拆分名称来解析当前索引，例如 username-10 ，其中 10 来自索引，用户名是实际输入。还要添加 onBlur 而不是 onChange。