首页 > 解决方案 > 在 React 中的组件内附加组件

问题描述

我正在获取一个 JSON 文件并希望对其进行可视化树表示。

该文件本身非常大,因此我想要的是使用循环仅显示在对象中找到的第一个键(在该迭代中)。具有子节点的键会在旁边显示一个箭头。

我有一个 TreeItem 组件:

<TreeView>
 <TreeItem nodeId="1" label="First Key" />
 <TreeItem nodeId="2" label="Second Key">
   <TreeItem nodeId="3" label="First Child" />
   <TreeItem nodeId="4" label="Second Child" />
   <TreeItem nodeId="5" label="Third Child" />
 </TreeItem>
<TreeView>

如果我知道第二个键有孩子,有没有办法可以嵌入孩子 TreeItem 组件?

标签: reactjs

解决方案


开始使用react-virtualized是合理的- 该库是为这种情况创建的


推荐阅读