reactjs - antd嵌套表中如何使用树形数据？

Question

我正在尝试将树数据放入 antd 嵌套表中，但是当我单击展开按钮时它总是呈现空行。

我可以在嵌套表中使用树数据吗？如何使用？为什么会这样？

代码在这里

标签： reactjsantddvajs

Answer 1

这里似乎有两个问题。

1. children属性将始终在与父级相同的表集中呈现其数据源。您似乎想要呈现一些取决于children属性的可扩展数据，因此表集将呈现您定义的扩展表和子数据源。

2. 您没有阻止不包含子节点的节点扩展。在定义rowexpandable处理程序之前，默认情况下所有节点都是可扩展的，无论其子节点是否为空。

我的解决方案是重命名children属性以防止子数据源呈现并定义rowexpandable处理程序以防止空子被扩展。

例子：

https://codesandbox.io/s/qiantaozibiaoge-antd4102-forked-6b0x4?file=/index.js:2194-2207