@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
  • Вопрос задан
  • 685 просмотров
Решения вопроса 1
Robur
@Robur
Знаю больше чем это необходимо
console.log(this.windowRef.current.scrollHeight)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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