在React中的组件内追加组件

Question

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

文件本身很大，因此我想要使用循环仅显示对象（在该迭代中）中找到的第一个键。显示具有子节点的键，旁边有一个箭头。

我有一个TreeItem组件：

"orderProducts": [
     {
         "productKeyId": null,
         "name": null,
         "price": 0.0,
         "qty": 0,
         "imgPath": null,
         "category": null
     },...
]

如果我知道第二把钥匙有孩子，有没有办法嵌入子TreeItem组件？

Answer 1

开始使用react-virtualized是合理的-该库是针对此类情况创建的

Answer 2

如果您不打算使用任何库并希望以简单的反应方式进行操作，则建议使用三元运算符来渲染内部块。

这样，您将首先仅渲染父元素，并且一旦您单击某个元素（基于某些标志/条件），就可以渲染内部元素。