使div自动滚动到底部(react)

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

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

componentDidMount() {
  this.scrollToBottom();
}

componentDidUpdate() {
  this.scrollToBottom();
}

scrollToBottom() {
  this.myDivRef.current.scrollTop = this.myDivRef.current.scrollHeight;
}