antd 页面跳转 接收参数

在Ant Design（简称AntD）中，页面跳转并传递参数通常会使用React Router库，它是React应用中的路由管理组件。要实现在页面间跳转并接收参数，可以按以下步骤操作：

1. 首先，安装`react-router-dom`包：

   npm install react-router-dom

2. 在项目中设置基本路由配置，例如使用`<BrowserRouter>`、`<Route>`和`<Link>`组件：

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

function App() {
  return (
    <Router>
      {/* 使用 <Switch> 来处理不同路径 */}
      <Switch>
        <Route exact path="/" component={Home} /> {/* 这里 Home 组件将接收空参数 */}
        <Route path="/user/:id" component={UserDetail} /> {/* :id 是动态参数 */}
      </Switch>
    </Router>
  );
}

// 用于接收参数的组件，如 UserDetail.js
function UserDetail({ match }) {
  const userId = match.params.id;
  // 使用userId进行具体的操作...
  return <div>User Detail with ID: {userId}</div>;
}

在这个例子中，当你访问"/user/123"这样的URL时，`UserDetail`组件将会接收到`{ id: '123' }`作为props。