Задать вопрос
axrising
@axrising

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

Зравствуйте, нужно получить высоту аккордиона перед самим рендерингом, я использую билиотеку styled-components и react-transition-group. Проблема в первоначальной анимации, ибо для нее нужна высота блока.
Буду благодарен за помощь
Link
  • Вопрос задан
  • 477 просмотров
Подписаться 1 Простой 3 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@antares4045
ну jquery с bootstrap как то справляются (они именно вхардкоживают высоту контента, ещё ни разу не отрендерив), но там какая-то чёрная магия.

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

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

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

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽