Вопрос был 5 дней назад

Ответ появился спустя 5 дней

Я человеку неправильно ответил, а теперь исправил свой ответ, вряд ли он за 5 дней уже сдал проект. Его тегнет, так как я на его сообщение ответил. Вроде всё норм.

Ребят, подскажите пожалуйста по реализации. Делаю дерево на react + redux и столкнулся с такой проблемой:

Храню в store структуру прикрепленную к фото. Для получения значений из стора использую useSelector, который мне возвращает объект узла по его Id. Проблема в том, что когда я изменяю объект tree (например я меняю имя узла), происходит перерендеринг всех узлов. Каким образом будет правильно закэшировать результат useSelector(selectUnitById(unitId)) для каждого экземпляра компонента, чтобы при изменении объекта хук не вызывал рендер всех экземпляров?

Код компонента предлагаю тут:
https://pastebin.com/btuyzvU4

Сделать реф как массив элементов и функцию, которая будет добавлять  в него элементы

А это пробовали?

https://www.npmjs.com/package/reselect

Ребят как сделать так чтобы рендеринг происходил только после загрузки скрипта?

Сама понять не могу🤧

😂

Что смешного?

В реакте или чистом JS?

да, пробовал. Но это не решает проблему, т. к. проблема в другом (как мне кажется). Проблема в том, что есть объект, у которого свойства тоже объект и когда я меняю каким то образом его вложенное свойство в reducer, то изменяется полностью весь объект и поэтому отрабатывают useSelector.

В реакте, на функциональных компонентах. Данные с сервера приходят с задержкой, и map в return ловит undefined

еммм, async await

{ response && рендерим компонент} либо !response ? Loader : рендерим компонент

Запрос асинхронный, надо дождаться результата и тогда рендерить. Можно в мапе сделать так test?.map()

???

Ой

Не в тот чат прости:(

Это тут причем?