React动态表单状态处理

Question

我有一个动态表格。表单根据用户输入没有首选模式增长，我从表单中捕获所有用户输入作为React State。

在表单提交上，我将State（JSON）转换为YAML文件。此状态的JSON结构具有涉及多个数据结构的深层树。当我更改此深层树中的任何元素时，表单会更新。但是，随着动态形式的增长，形式加载时间和反应时间增加。有没有办法更快地处理这种复杂的状态操作？

Answer 1

所以这是我使用的方法

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

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