Всем привет. А можно ли useMemo использовать в цикле?

Question

React — русскоговорящее сообщество

Михаил Ковальчук

Всем привет. А можно ли useMemo использовать в цикле?

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

0

19.02.2021

19 ответов

27 просмотров

Roman Usherenko

только если количество итераций неизменное но вообще зачем?

0

19.02.2021

Михаил Ковальчук Автор вопроса

Roman Usherenko
только если количество итераций неизменное но воо...

мм, не уверен зачем) Есть древовидная структура, раскрывающиеся списки. Данные для рендера хранятся в одном объекте, с вложеностями. Можно ли сделать так, чтобы рендерилась только та часть списка, на которую пользователь нажал, что бы открыть, а все остальное(остальные элементы, в т.ч уже открытые) оставалось в таком же виде, и не перерендеривалось??

0

19.02.2021

Кирилл

Михаил Ковальчук
мм, не уверен зачем) Есть древовидная структура, р...

да, тут useMemo поможет

0

19.02.2021

Михаил Ковальчук Автор вопроса

Кирилл
да, тут useMemo поможет

нуу, сомнительно.. я не придумал как useMemo может тут помочь

0

19.02.2021

Александр Шелист

Михаил Ковальчук
мм, не уверен зачем) Есть древовидная структура, р...

только разбивать данные для рендера на отдельные куски, настраивать ключи

0

19.02.2021

Михаил Ковальчук Автор вопроса

Александр Шелист
только разбивать данные для рендера на отдельные к...

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

0

19.02.2021

Александр Шелист

Михаил Ковальчук
весь список рендерится с помощью одного компонента...

состояние компонента перенести в localState

0

19.02.2021

Михаил Ковальчук Автор вопроса

Александр Шелист
состояние компонента перенести в localState

хммм, оооочень интересная мысль) надо будет попробовать. Спасибо большое

0

19.02.2021

Sergey

Михаил Ковальчук
весь список рендерится с помощью одного компонента...

Оберни в React.memo это должно решить проблему, т.к хоть компонент и один но экземпляров этого компонента много, в каждый приходит своя часть данных, и перерендерятся только компоненты вдоль изменившейся ветки

0

19.02.2021

Михаил Ковальчук Автор вопроса

Sergey
Оберни в React.memo это должно решить проблему, т....

Хммм) Интересно.. Спасибо большое, попробую

0

19.02.2021

Михаил Ковальчук Автор вопроса

Sergey
Оберни в React.memo это должно решить проблему, т....

Пробовал.. по идее это ж не должно срабатывать, поскольку раз это рекурсия, то что бы программа дошла до какого-то из дочерних экземпляров, верхние экземпляры должны перерисоваться, а если у верхних пропсы не изменятся, то и рекурсия дальше не пойдет и не дойдет до нужных экземпляров, у которых изменились пропсы.. Я это так понимаю

0

20.02.2021

Sergey

Михаил Ковальчук
Пробовал.. по идее это ж не должно срабатывать, по...

Пропсы нужно менять вдоль ветки на листьях которой поиенялось

0

20.02.2021

Sergey

Михаил Ковальчук
Пробовал.. по идее это ж не должно срабатывать, по...

Вообще тут нужен стейт менеджер (redux, mobx и т.д.) тогда можно будет точечно рендерить только изменившийся элемент

0

20.02.2021