在ReactJs中显示父项（首选项）下的多个子项

我想实现与此相关的目标：

但我希望孩子出现在“添加孩子”按钮被点击的位置，而不是最后一个按钮的首选项下

---

请，我需要这方面的帮助这是你的代码吗？看看它的设计方式，您使用一个数组存储父数组，另一个数组存储它的子数组。相反，为什么不在状态中创建一个对象数组，然后在输入首选项时添加一个新对象，将首选项添加为每个对象的值，然后使用数组映射（一个用于对象，一个嵌套映射用于获取每个参数的值）渲染它们。

考虑使代码更加模块化。具有不同的子组件和不同的子组件，并让子组件负责呈现其自己的子组件。这样您就可以构建层次结构。也要考虑在问题本身中提供代码作为一个需要自给自足的问题，而不需要充分理解第三方链接。