react怎么实现树形面板

Question

如图所示：用react怎么实现这种树形折叠的功能呢，如果用其他的插件，要怎么与react结合使用呢

Answer 1

原理其实很简单，一个特定的数据结构，然后对其遍历，如果有子节点，就递归调用，最后生成节点树。这种react组件还是比较多的，使用起来也非常简单，按照他们的API使用就行，大同小异。提供几个吧：react-treeviewtreereact-treebeard