Доброго времени суток. подскажите пожалуйста, как реализовать вот такую штуку.

Question

Доброго времени суток. подскажите пожалуйста, как реализовать вот такую штуку.

С бека получаю массив объектов. в некоторых объектах в полях children содержатся ещё массивы объектов и так до различной глубины вложенности. дерево вывести с открыванием/закрыванием веток не проблема(для каждой ветки в стейте или хуком храним состояние открыт/закрыт, по клику на ветку меняем состояние). Проблема возникает при обновлении данных с бека. приходят обновленные данные и дерево рендерится в изначальном состоянии, теряется информация об открытых/закрытых ветках. Как можно обойти эту проблему?

#frontend #javascript #programming #react.js #russian

0

13.12.2020

4 ответов

11 просмотров

Сергей Автор вопроса

Eugene Ledenev
У тебя есть базовый объект, который приходит с бек...

да, примерно так и пробовал делать, с добавлением поля в полученные данные. возникает проблема с изменением состояния открыт/закрыт. т.к. вывод дерева происходит с помощью рекурсивной функции в которую передается текущее значение поля children. свойство isOpen есть, а возможности поменять его нет

0

13.12.2020

Andrei Anelkin

Сергей
да, примерно так и пробовал делать, с добавлением ...

Может привязать isOpen к ветке? То есть имеется ввиду, хранить isOpen не как элемент объекта, а как некий массив( а лучше объект, быстрее будет), в виде ‘L-l-r’: true Где l-left, r-right и получать данные по этому руту из этого объекта. Ну а собрать данные по руту не проблема :)глубину легко получить

0

13.12.2020

Eugene Ledenev

Andrei Anelkin
Может привязать isOpen к ветке? То есть имеется вв...

Скорее всего направление мысли верное, но мне трудно судить, т.к. у меня нет ни структуры данных, ни структуры части приложения, которая их выводит. Тут тебе виднее.

0

13.12.2020

Eugene Ledenev · Accepted Answer

У тебя есть базовый объект, который приходит с бека. Его нужно расширить свойствми откр/закр. Затем хранишь его в хранилище в таком виде. При обновлении обновляешь данные не затирая свойства откр/закр. Так же можно создать отдельный объект со свойствми откр/закр, тогда базовый объект обновляешь без изменений, но потом исходя из изменений в дереве базового объекта модифицируешь (удалаешь лишнее и добавляешь новое) в своем объекте со свойствами откр/закр.

169 похожих чатов

Доброго времени суток. подскажите пожалуйста, как реализовать вот такую штуку.

4 ответов

Похожие вопросы