Как использовать данные дерева во вложенных таблицах antd?

Question

Я пытаюсь поместить данные дерева во вложенные таблицы antd, но он всегда отображает пустые строки, когда я нажимаю кнопку «Развернуть».

Можно ли использовать данные дерева во вложенных таблицах и как? И почему это произошло?

код здесь

Answer 1

Здесь, кажется, две проблемы.

1. Свойство всегда будет отображать свой источник данных в том же наборе таблиц, что и родитель. Кажется, вы хотите отобразить некоторые расширяемые данные, которые зависят от свойства, поэтому набор таблиц будет отображать как расширенную таблицу, определенную вами, так и дочерний источник данных.

2. Вы не предотвратили расширение узлов, которые не содержат дочерних узлов. Перед определением обработчика все узлы по умолчанию являются расширяемыми, независимо от того, пусты их дочерние узлы или нет.

Мое решение - переименовать childrenсвойство для предотвращения рендеринга дочерних источников данных и для определения rowexpandableобработчик для предотвращения расширения пустых дочерних элементов.

пример:

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