react中点击按钮跳转路由

要在 React 中跳转路由，你需要使用 React Router。React Router 可以帮助你管理应用程序中的路由，包括 URL 和浏览器历史记录。下面是一个简单的示例，演示了如何在 React 中使用 React Router 实现路由跳转：

首先，你需要安装 React Router：

npm install react-router-dom

然后，你可以在你的组件中导入它：

import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";

在你的组件中，你可以使用 `Link` 组件来创建一个链接，指向你想要跳转的页面：

<Link to="/about">About</Link>

在你的路由器中，你可以使用 `Switch` 和 `Route` 组件来定义你的路由：

<Router>
  <Switch>
    <Route path="/about">
      <About />
    </Route>
    <Route path="/">
      <Home />
    </Route>
  </Switch>
</Router>

在你的组件中，你可以使用 `history` 对象来跳转到不同的路由：

import { useHistory } from "react-router-dom";

function MyComponent() {
  const history = useHistory();

  function handleClick() {
    history.push("/about");
  }

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

这就是在 React 中实现路由跳转的基本步骤。