在 ant-design-react 中进行路由跳转的常用方式是使用 react-router-dom 库提供的路由功能。下面是一个简单的示例，展示了如何在 ant-design-react 中进行路由跳转：
首先，确保你已经安装了 `react-router-dom`，以便使用它提供的路由功能。可以使用以下命令进行安装：
```
npm install react-router-dom
```
然后，在你的组件中引入 `BrowserRouter`、`Route` 和 `Link` 组件：
import React from "react";
import { BrowserRouter, Route, Link } from "react-router-dom";
const Home = () => <h1>首页</h1>;
const About = () => <h1>关于我们</h1>;
const App = () => {
  return (
    <BrowserRouter>
      <nav>
        <ul>
          <li>
            <Link to="/">首页</Link>
          </li>
          <li>
            <Link to="/about">关于我们</Link>
          </li>
        </ul>
      </nav>
      <Route path="/" exact component={Home} />
react router v6 文档      <Route path="/about" component={About} />
    </BrowserRouter>
  );
};
export default App;
```
在上面的示例中，我们定义了两个组件 `Home` 和 `About`，分别用于展示首页和关于我们页面的内容。在 `App` 组件中，我们使用 `BrowserRouter` 组件将路由功能包裹在根组件的周围。`Link` 组件用于创建导航链接，其中的 `to` 属性指定了要跳转到的路径。`Route` 组件用于定义路由规则，其中的 `path` 属性指定了匹配的路径，`component` 属性指定了要渲染的组件。
上述代码中，我们在导航栏中创建了两个链接，分别对应首页和关于我们页面。点击链接时，路由会自动匹配相应的路径，并渲染对应的组件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。