axrising
@axrising

Как вычислить высоту блока перед рендерингом в react?

Зравствуйте, нужно получить высоту аккордиона перед самим рендерингом, я использую билиотеку styled-components и react-transition-group. Проблема в первоначальной анимации, ибо для нее нужна высота блока.
Буду благодарен за помощь
Link
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ответы на вопрос 1
@antares4045
ну jquery с bootstrap как то справляются (они именно вхардкоживают высоту контента, ещё ни разу не отрендерив), но там какая-то чёрная магия.

Автору могу предложить сделать overflow: hidden контейнер, в который вложен контент: при этом контент будет рендериться, но видно его не будет.
Плюс навесьте обработчик на изменение размера окна: открываешь аккордион на какой-то одной ширине окна, затем делаешь поуже и ваш код делает вот так:6151807f5540e931269470.png

UPD: чтобы отвлечься от затыка в работе проверил, достаточно ли того подхода, что я описал: работает

Если вам влом клонить и билдить также закинул билд на pages

Хотя некоторая задержка, после которой начинается увеличение высоты контента при сужении страницы меня смущает. но мне, честно говоря влом искать причину.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы