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

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

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

5 ответов

13 просмотров
Maxim-Korotchiy Автор вопроса

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

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

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

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

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

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

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

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

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

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

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта