react 类组件 怎么获取路由参数

在 React 类组件中获取路由参数，需要使用 `react-router-dom` 中提供的 `withRouter` 高阶组件。

首先，确保你的 React 项目中已经安装了 `react-router-dom`，可以使用以下命令进行安装：

npm install react-router-dom

接下来，在需要获取路由参数的类组件中，使用 `withRouter` 包裹组件，并通过 `this.props.match.params` 获取路由参数。

例如，假设你的路由地址为 `/users/:userId`，你可以通过以下方式获取路由参数 `userId`：

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

class UserPage extends React.Component {
  render() {
    const userId = this.props.match.params.userId;
    return <div>当前用户 ID：{userId}</div>;
  }
}

export default withRouter(UserPage);

这样，就可以在类组件中获取到路由参数了。需要注意的是，使用 `withRouter` 高阶组件后，组件的 props 中会注入三个属性：`match`、`location` 和 `history`，其中 `match` 对象包含了路由参数等信息。