Всем привет! Вопрос: у меня есть выпадающее меню, при клике

Question

Всем привет! Вопрос: у меня есть выпадающее меню, при клике

на toggler выполняется функция которая сворачивает/разворачивает меню (изменяет высоту выпадающего меню (от нуля до высоты содержимого)). Как мне более правильно менять высоту меню? через ref.current.style.setProperty или менять состояние styles и подключить его в prop style?

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

0

30.05.2023

5 ответов

17 просмотров

Maxim Korotchiy Автор вопроса

короче говоря, как правильно? при изменении стиля компонента перерисовывать его или можно просто через ref поменять стиль без перерисовки?

0

30.05.2023

Maxim Korotchiy Автор вопроса

ну на сколько я знаю если изменить prop style через useState, то компонент перерисуется, а если через ref.current.style.setProperty, то перерисовки не будет компонента

0

30.05.2023

George Polevoy

Maxim Korotchiy
ну на сколько я знаю если изменить prop style чере...

Вы наверное имеете в виду, что не будет перерассчета стиля, и есть шанс, что не вызовется layout, если поменять только то, что не вызовет переасчет layout, а в случае присвоения нового стиля целиком, layout будет перерасчитываться. С перерасчетом Layout существенно дороже, но отрисовка все равно будет, это то, что формирует пиксели на экране, которые вы видите. Нужно смотреть, изменение каких свойств вызывает операцию layout

0

30.05.2023

George Polevoy

Maxim Korotchiy
ну на сколько я знаю если изменить prop style чере...

Вот здесь есть некоторые методы, как двигать элемент без layout reflow. https://stackoverflow.com/questions/35306531/change-width-of-element-without-reflow

0

30.05.2023

George Polevoy · Accepted Answer

George Polevoy

Maxim Korotchiy
короче говоря, как правильно? при изменении стиля ...

Что значит поменять стиль без перерисовки? Посмотрите, из чего состоит цикл отрисовки в профайлере в Chrome. У вас будет фаза Layout, фаза рендеринга. Вопрос только в том, что будет делаться в Layout, насколько дорого.

0

30.05.2023

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

Всем привет! Вопрос: у меня есть выпадающее меню, при клике

5 ответов

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