Я создал древовидную таблицу, используя rsuite
. Я заполняю 1-й уровень таблицы дерева только , используя фиктивный дочерний элемент для каждого узла, чтобы таблица дерева отображала переключатель.
Когда пользователь щелкает переключатель I go к серверу и захватите фактических потомков (если есть) и обновите ключ children
. Если нет дочерних элементов, я бы хотел, чтобы в единственном дочернем ряду была кнопка «Вычислить дочерних элементов» ... но я застрял намного раньше этой части ...
Я ожидал, что таблица будет перерисована, когда данные меняются, или, по крайней мере, они могут иметь функцию refresh
или render
, которую я могу вызвать. Читая несколько вопросов и ответов о стековом потоке, кажется, что компонент должен отображаться при изменении this.state
, но это не похоже на функцию onExpandChange
.
Определение таблицы выглядит примерно так :
return (
<div>
<Table
isTree
rowKey="id"
data={data}
onExpandChange={(isOpen, rowData) => {
if (rowData.children[0].id === 'DUMMY') {
rowData.children = <grab children from server>
}
}}
Может ли кто-нибудь привести минимальный рабочий пример обновления древовидной таблицы rsuite
при расширении узла? (да, мои данные могут быть большими, и я не хочу получать их с сервера, если они действительно не нужны)
ИЛИ
Может кто-то указать мне на реализацию дерева таблиц React, где это возможно (и рабочий пример доступен)?