单击按钮，向下滚动页面到另一个React组件

import React from 'react';
import ReactDOM from 'react-dom';

class ScrollButton extends React.Component {
  handleClick = () => {
    const targetComponent = ReactDOM.findDOMNode(this.refs.targetComponent);
    window.scrollTo({
      top: targetComponent.offsetTop,
      behavior: 'smooth' // 可以添加平滑滚动效果
    });
  };

  render() {
    return (
      <button onClick={this.handleClick}>点击滚动</button>
    );
  }
}

class AnotherComponent extends React.Component {
  render() {
    return (
      <div ref="targetComponent">
        这是另一个React组件
      </div>
    );
  }
}

// 在你的应用中使用ScrollButton和AnotherComponent组件