使用动态创建的反应组件并填充状态值

Question

下面是概念笔的证明。我正在尝试显示很多输入字段，并尝试在它们在一个大对象中更改时收集它们的输入。如您所见，输入的值不会改变它们的值，这正是我所期望的，因为它们是用 创build 一次useEffect()并在该实例中填充的。

我认为解决这个问题的唯一方法是使用React.cloneElementwhen valueschange 并将新值注入到克隆元素中。这就是为什么我在这支笔中创建了 2000 个元素，这将是一个主要的性能猪，因为当状态改变时每个元素都会重新渲染。我试图React.memo只使用更改后的值重新渲染输入，但我认为cloneElement无论如何都简单地重新渲染它，这听起来应该是因为它是克隆的。

如何在此设置中实现单个字段的高性能更新？

https://codepen.io/10uur/pen/LYPrZdg

编辑：带有cloneElement我之前提到的解决方案的工作笔，明显的性能问题以及所有输入都重新渲染。

https://codepen.io/10uur/pen/OJLEJqM