聊天应用程序需要滚动到底部的React/jQuery，无法工作

class ChatApp extends React.Component {
  constructor(props) {
    super(props);
    this.chatContainerRef = React.createRef();
  }

  scrollToBottom() {
    const chatContainer = this.chatContainerRef.current;
    chatContainer.scrollTop = chatContainer.scrollHeight;
  }

  componentDidMount() {
    this.scrollToBottom();
  }

  componentDidUpdate() {
    this.scrollToBottom();
  }

  render() {
    return (
      <div ref={this.chatContainerRef}>
        {/* 聊天内容 */}
      </div>
    );
  }
}

function scrollToBottom() {
  const chatContainer = $('#chatContainer');
  chatContainer.scrollTop(chatContainer.prop('scrollHeight'));
}

$(document).ready(function() {
  scrollToBottom();
});

$(window).on('resize', function() {
  scrollToBottom();
});