Всем привет!
Подскажите плз, как грамотно работать с древовидной структурой даных в react
У меня есть вот такая апка
Суть в том, что можно добавлять/удалять елементы в каждой из таблиц.
Я сделал такую структуру данных
[
{
id: 1,
title: 'Scene 1',
buttons: [
{
id: 1,
name: 'Button 01',
buttonNodes: [
{ id: 1, name: 'Model Node 01' },
],
},
{ id: 2, title: 'Button 02', buttonNodes: [] },
],
},
{ id: 2, title: 'Scene 2', buttons: [] },
]
Меня интересует, как лучше всего (избегая множество кода и копипасты) работать с такой структурой?
Я сейчас разбил это на 3 лог части: Scenes, Buttons, Nodes, и в сторе держу весь этот конфиг, потом в каждую компоненту пробрасываю необходимый (фильтрованый) список, в контейнере у меня куча хендлеров, которые обновляют/добавляют/удаляют каждый из 3 элементов конфига