如何在react中将组件滚动到底部

constructor(props) {
  super(props);
  this.componentRef = React.createRef();
}

componentDidMount() {
  const componentNode = this.componentRef.current;
  // 在这里进行滚动操作
}

componentDidMount() {
  const componentNode = this.componentRef.current;
  if (componentNode) {
    const isScrolledToBottom = componentNode.scrollTop + componentNode.clientHeight === componentNode.scrollHeight;
    if (!isScrolledToBottom) {
      componentNode.scrollTo(0, componentNode.scrollHeight);
    }
  }
}

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