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

React refs и высота элемента ???

Ость окно чата я хочу прижать скрол к низу компонента и использую react.React.createRef() чтобы на didMount и DidUpdate зделать this.windowRef.scrollTop = this.windowRef.scrollHeight
constructor(props) {
    super(props);
    this.windowRef = React.createRef();
  }

  componentDidMount() {
    const wind = document.querySelector('#window');
    console.log(wind.scrollHeight);
    this.windowRef.scrollTop = this.windowRef.scrollHeight;
  }

  componentDidUpdate() {
    this.windowRef.scrollTop = this.windowRef.scrollHeight;
    console.log(this.windowRef.scrollHeight);
  }


по id все работает а с ref ошибка
Cannot add property scrollTop, object is not extensible
и даже this.windowRef.scrollHeight = underfied
  • Вопрос задан
  • 713 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
Robur
@Robur
Знаю больше чем это необходимо
console.log(this.windowRef.current.scrollHeight)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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