如何使用reactjs实现树形表格？

Question

var arr = [
    {
        "nameZH": "精品女装",
        "level": 1,
        "child": [
            {
                "nameZH": "上衣",
                "level": 2,
                "child": [
                    {
                        "nameZH": "衬衫",
                        "level": 3,
                        "child": null
                    }
                ]
            }
        ]
    },
]

数据如上

原型如下：

分别是三层级。
如何使用reactjs | vuejs实现点击上一层级下一层级来进行切换?

Answer 1

表格多级，推荐树形（截图的ligerUI）

Answer 2

有treetable组件

Answer 3

这个实现起来很简单啊，vue 就用递归组件。react 更简单了，一个递归函数返回组件就好了。