recat antd 页面路由传参 怎么 接收参数

React Router with Ant Design (antd) 中，页面路由传参通常通过`this.props.match.params`或者`this.props.location.query`来实现。以下是基本步骤：

1. **路径设置**：
使用`<Route>`组件，将需要传递参数的部分设置为动态路径，例如：

   <Route path="/user/:userId" component={YourComponent} />

这里的`:userId`就是动态参数。

2. **接收参数**：
在处理路由跳转的组件（如`YourComponent`)中，你可以访问这些参数，例如：

   class YourComponent extends React.Component {
     render() {
       const userId = this.props.match.params.userId;
       // 在这里使用userId
       return <div>User ID: {userId}</div>;
     }
   }

对于查询参数（`location.query`），可以使用`this.props.location.query`获取，例如：

class YourQueryComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: this.props.location.query.name,
    };
  }

  render() {
    return <div>Name: {this.state.name}</div>;
  }
}

然后通过URL `/?name=yourName`来传递查询参数。