Задать вопрос
@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 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • ProductStar
    Разработка на React
    6 недель
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Решения вопроса 1
Robur
@Robur
Знаю больше чем это необходимо
console.log(this.windowRef.current.scrollHeight)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽