С бека получаю массив объектов. в некоторых объектах в полях children содержатся ещё массивы объектов и так до различной глубины вложенности. дерево вывести с открыванием/закрыванием веток не проблема(для каждой ветки в стейте или хуком храним состояние открыт/закрыт, по клику на ветку меняем состояние). Проблема возникает при обновлении данных с бека. приходят обновленные данные и дерево рендерится в изначальном состоянии, теряется информация об открытых/закрытых ветках. Как можно обойти эту проблему?
У тебя есть базовый объект, который приходит с бека. Его нужно расширить свойствми откр/закр. Затем хранишь его в хранилище в таком виде. При обновлении обновляешь данные не затирая свойства откр/закр. Так же можно создать отдельный объект со свойствми откр/закр, тогда базовый объект обновляешь без изменений, но потом исходя из изменений в дереве базового объекта модифицируешь (удалаешь лишнее и добавляешь новое) в своем объекте со свойствами откр/закр.
да, примерно так и пробовал делать, с добавлением поля в полученные данные. возникает проблема с изменением состояния открыт/закрыт. т.к. вывод дерева происходит с помощью рекурсивной функции в которую передается текущее значение поля children. свойство isOpen есть, а возможности поменять его нет
Может привязать isOpen к ветке? То есть имеется ввиду, хранить isOpen не как элемент объекта, а как некий массив( а лучше объект, быстрее будет), в виде ‘L-l-r’: true Где l-left, r-right и получать данные по этому руту из этого объекта. Ну а собрать данные по руту не проблема :)глубину легко получить
Скорее всего направление мысли верное, но мне трудно судить, т.к. у меня нет ни структуры данных, ни структуры части приложения, которая их выводит. Тут тебе виднее.
Обсуждают сегодня