reactjs - 如何从平面结构生成树数据结构

Question

我正在创建一个类来将带有数据的平面数据结构从后端转换为 UI 的可视化组织树。

数据将包括对其子项的引用。

我希望将最终的树输出为平坦的 1:1 矩阵（有助于 css.

我在反应打字稿中编码。

示例数据：

[
{name = "cert 1", id = 1, parent = 0 }
{name = "cert 2", id = 2, parent = 1}
{name = "cert 3", id = 3, parent = 1}
{name = "cert 4", id = 4, parent = 3}
{name = "cert 5", id = 5, parent = 4}
] 

输出

[0,1,0
 2,0,3
 0,0,4
 0,0,5]

然后只需引用 id 即可收集所有必需的数据。

我有一个想法如何去做，但一些帮助开始将不胜感激

谢谢您的帮助

标签： reactjstypescriptmatrixtree