alaskafx
@alaskafx
Не .do Frontend

Как сделать плавную анимацию высоты React?

Хочу сделать так: у меня есть переменная актуальной высоты элемента, которая меняется в зависимости от её контента.
Я пытаюсь сделать:
const panel = document.querySelector('.panel')
    const style = {
        height: `${panel.clientHeight}px`
    }
// и навесить на элемент:
<div className="panel" style={style}>
                <Outlet/>
            </div>


Но в консоли высвечивается такая ошибка: Cannot read properties of null (reading 'clientHeight')
Как решить?
  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ответы на вопрос 1
@romant094
Frontend-developer
Используйте useRef вместо querySelector.
Пример тут: https://codesandbox.io/s/beautiful-shape-8dm1ti?fi...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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