React Router v6 类组件获取路由参数的方式

在 React Router v6 中，使用类组件获取路由参数的方式有所改变。以下是一种常见的方法：

首先，确保你已经安装并导入了 `react-router-dom`。然后，在你的类组件中，可以通过 `this.props` 来访问路由参数。

假设你的路由定义如下：

<Route path="/users/:id" element={<UserDetail />} />

在 `UserDetail` 组件中，你可以通过 `this.props.match.params` 来获取 `id` 参数：

import React from "react";

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

export default UserDetail;

现在，`UserDetail` 组件就可以获取到 `/users/:id` 路由中的 `id` 参数了。