react类组件路由传参

在 React 类组件中传递路由参数，需要使用 `react-router-dom` 中的 `withRouter` 高阶组件。假设我们要传递一个名为 `id` 的参数，可以按照以下步骤进行：

1. 在路由中定义参数：在 `Route` 组件中使用 `path` 属性定义参数，例如：`<Route path="/users/:id" component={User} />`。
2. 在组件中获取参数：使用 `this.props.match.params` 获取路由参数，例如：`const id = this.props.match.params.id;`。
3. 使用高阶组件传递路由信息：使用 `withRouter` 高阶组件将路由信息传递给组件，例如：`export default withRouter(User);`。

完整代码示例：

import React from 'react';
import { withRouter } from 'react-router-dom';

class User extends React.Component {
  render() {
    const id = this.props.match.params.id;
    return (
      <div>
        <h1>User Details</h1>
        <p>User ID: {id}</p>
      </div>
    );
  }
}

export default withRouter(User);