react点击按钮跳转页面

可以使用React Router实现页面跳转，具体步骤如下：

1. 安装React Router：在命令行窗口中输入npm install react-router-dom。

2. 在App.js中引入BrowserRouter组件：在App.js文件中加入import {BrowserRouter as Router, Route} from 'react-router-dom'。

3. 在App.js中设置路由：使用Router和Route标签来设置路由，代码如下：

function App() {
  return (
    <Router>
      <div>
        <Route exact path="/" component={HomePage} />
        <Route path="/about" component={AboutPage} />
        <Route path="/contact" component={ContactPage} />
      </div>
    </Router>
  );
}

4. 在按钮组件中设置事件处理函数：使用onClick属性来绑定事件处理函数，代码如下：

function Button() {
  const handleClick = () => {
    window.location.href = '/about';
  }

  return (
    <button onClick={handleClick}>Go to about page</button>
  );
}

这样，点击按钮就可以跳转到/about页面了。