React’ta mesaj yazıldıkça kaydırma çubuğunu en alta nasıl getiririz?

Hazırlayan: https://stackoverflow.com/users/3959662/marcin-rapacz

import ReactDOM from 'react-dom';

componentDidMount() {
    this.scrollToBottom();
}

componentDidUpdate() {
    this.scrollToBottom();
}

  scrollToBottom = () => {
    const messagesContainer = ReactDOM.findDOMNode(this.messagesContainer);
    messagesContainer.scrollTop = messagesContainer.scrollHeight;
};

      <div ref={(el) => { this.messagesContainer = el; }}></div>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir