如何在reactjs中停止自动滚动页面？

constructor(props) {
  super(props);
  this.state = {
    stopAutoScroll: false
  };
}

componentDidMount() {
  window.addEventListener('scroll', this.handleScroll);
}

handleScroll = () => {
  const { stopAutoScroll } = this.state;
  if (stopAutoScroll) {
    window.scrollTo(0, 0); // 滚动到页面顶部
  }
}

componentWillUnmount() {
  window.removeEventListener('scroll', this.handleScroll);
}

handleStopScroll = () => {
  this.setState({ stopAutoScroll: true });
}

render() {
  const { stopAutoScroll } = this.state;
  return (
    <div>
      {stopAutoScroll && <p>已停止自动滚动</p>}
      {/* 其他组件内容 */}
    </div>
  );
}