在 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` 属性指定了要渲染的组件。
上述代码中,我们在导航栏中创建了两个链接,分别对应首页和关于我们页面。点击链接时,路由会自动匹配相应的路径,并渲染对应的组件。