如何在我的 React 组件中访问 url 参数？
应用程序.js
<Route path="/question/:id" element={<QuestionView />} />
QuestionView.js
class QuestionView extends React.Component {
render() {
const { questions, users } = this.props;
const {id} = ???
在 react-router-dom v6 中，Route组件不再有 route props ( history, location, and match)，当前的解决方案是使用 React 钩子的“版本”来在被渲染的组件中使用。但是，React 钩子不能在类组件中使用。
要使用类组件访问匹配参数，您必须转换为函数组件，或者滚动您自己的自定义withRouter高阶组件以注入“路由props”，就像v5.x 中的withRouterHOCreact-router-dom所做的那样。
我不会介绍将类组件转换为函数组件。这是一个自定义withRouterHOC示例：
const withRouter = WrappedComponent => props => {
const params = useParams();
// etc... other react-router-dom v6 hooks
return (
<WrappedComponent
{...props}
params={params}
// etc...
/>
);
};
并用新的 HOC 装饰组件。
export default withRouter(Post);
这将为params类组件注入一个props。
this.props.params.id