react点击按钮跳转页面

在 React 中，你可以使用 React Router 库来实现页面之间的跳转。以下是一个示例代码，可以在点击按钮时跳转到另一个页面：

首先，安装 React Router 库：

npm install react-router-dom

然后，在你的组件中引入 BrowserRouter 和 Link 组件：

import { BrowserRouter as Router, Link } from 'react-router-dom';

接着，创建两个组件，一个用于当前页面，另一个用于跳转后的页面：

function Home() {
  return (
    <div>
      <h1>Home</h1>
      <Link to="/about">Go to About page</Link>
    </div>
  );
}

function About() {
  return (
    <div>
      <h1>About</h1>
    </div>
  );
}

最后，将这两个组件包裹在 Router 组件中，并使用 Route 组件来指定路由：

import { BrowserRouter as Router, Route } from 'react-router-dom';

function App() {
  return (
    <Router>
      <div>
        <Route path="/" exact component={Home} />
        <Route path="/about" component={About} />
      </div>
    </Router>
  );
}

现在，当你点击 Home 组件中的链接时，就会跳转到 About 组件所代表的页面。