如何在反应中将孩子和后代添加到树中？

Question

据我所知，父母应该存储孩子的数据，这将解决我的问题，因为我可以遍历树，但我无法想出一个解决方案来做出反应。

澄清： 我的目标是将我的 JSX 布局转换为 JSON 对象，以便我可以将它发送到我的后端进行进一步处理。 目前，每个节点都处理自己添加一个新的孩子。所有节点只知道它们的直接子节点。 现在的问题是我不知道如何读取整个树数据结构。

例如：在 Java 中，我可以通过访问节点的引用并将新节点添加到子节点列表来简单地将子节点添加到节点。因为我在 React 中使用功能组件，所以我无法做到这一点，并且可能需要从父节点传递一个事件来注册子节点的新节点，但我只是无法理解它。我不明白 React 是如何做到的，但我敢肯定这只是我误解了某些事情或尝试了太长时间。

任何帮助表示赞赏！

长话短说：我如何管理树中的状态，以便我可以访问整棵树并向孩子及其后代添加/删除孩子？

我试图通过整个层次结构从父级传递一个事件，每个子级都会添加其子级，但我不确定这是否正确，因为它看起来真的很不干净。

Answer 1

如果我正确理解你的问题，你想要一种遍历你的树的方法。有多种方法可以遍历树以生成其元素的完整描述（例如，生成 JSON 对象），但我认为您可能希望使用顺序遍历。 Here 是一个链接，其中包含有关一些不同的树遍历策略的更多详细信息。

如果您正在寻找一种访问 React 组件的子组件的方法，您可以阅读此 article 以获取灵感。