react类组件获取路由传参
时间: 2023-07-16 09:17:14 浏览: 254
父子组件传参-react基础用法总结
在 React 中,可以使用 `react-router-dom` 库来实现路由的功能。而要在类组件中获取路由传参,可以通过 `this.props.match.params` 来获取。
假设你的路由是这样定义的:
```jsx
<Route path="/users/:userId" component={UserPage} />
```
那么在 `UserPage` 组件中,可以通过 `this.props.match.params.userId` 来获取路由传参中的 `userId`。
完整的示例代码如下:
```jsx
import React from 'react';
import { Route } from 'react-router-dom';
class UserPage extends React.Component {
render() {
const { userId } = this.props.match.params;
return (
<div>
<h1>User ID: {userId}</h1>
</div>
);
}
}
export default UserPage;
```
阅读全文