Как автоматически прокрутить сверху вниз в реагировать на мессенджер?

Question

Как автоматически прокрутить сверху вниз в реакции на мессенджер или других?

class MessageBox extends Component {

  componentDidMount() {
    this.scrollToBottom();
  }

  componentDidUpdate() {
    this.scrollToBottom();
  }


  scrollToBottom = () => {
      this.messagesEnd.scrollIntoView({ behavior: "smooth" });
  }

  render() {
      return (
        <div className="yourClass">
            <div className="chat-textarea-box">
                <MessageBox />
            </div>
            <div ref={(el) => { this.messagesEnd = el; }}></div>
        </div>
      )
    }
}

Пожалуйста, предоставьте мне лучшие решения

Answer 1

вы можете установить направление гибкого движения в обратном столбце, и оно автоматически станет вашим основанием, поэтому вам не нужно прокручивать каждое новое сообщение, также таким образом вам нужно будет перевернуть массив сообщений