День добрый, господа. В общем, такая проблема возникла: мне нужно,

Question

День добрый, господа. В общем, такая проблема возникла: мне нужно,

чтобы некое действие происходило в ответ на изменение размера компонента Box. В него вложен компонент MessageList, в котором происходит подгрузка сообщений. На скрине я показал, как бы это должно было выглядеть в идеале. Т.е. есть ref на этот компонент, и useEffect запускается из-за изменения scrollHeight этого элемента. Но, как я понял, проблема в том, что на момент запуска useEffect в первый раз, компонент, на который этот ref ссылается, ещё не отрендерился и является undefined, что выдает ошибку. Вопрос, можно ли как-то запустить код только после того, как все дочерние компоненты отрендерятся или есть какие-то другие более простые способы отслеживать изменение размера элемента?

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

0

04.01.2022

19 ответов

18 просмотров

Borislav Lazy

а что мешает в deps отправить [messageListContainer, messageListContainer?.scrollHeight] ?

0

04.01.2022

Мороз Аксёнова

if

0

04.01.2022

Мороз Аксёнова

Этот код не будет работать так, как ты хочешь. Потому что дом-элементы не уведомляют реакт (или кого-то ещё) о своих изменениях. Тебе нужно явно подписаться через addEventListener

0

04.01.2022

Даниил Автор вопроса

Мороз Аксёнова
Этот код не будет работать так, как ты хочешь. Пот...

А в реакте нет встроенного способа подписываться на изменения dom?

0

04.01.2022

Мороз Аксёнова

Даниил
А в реакте нет встроенного способа подписываться н...

Неа

0

04.01.2022