7.React-Router怎么获取URL的参数
时间: 2024-05-12 10:21:17 浏览: 108
详解react如何在组件中获取路由参数
5星 · 资源好评率100%
在React-Router中,可以使用`props.match.params`来获取URL参数。
例如,如果URL是`/users/:id`,则可以在组件中使用以下代码来获取`id`参数:
```jsx
import { useParams } from 'react-router-dom';
function User() {
const { id } = useParams();
// 使用id参数进行其他操作
}
```
另外,如果需要在类组件中获取URL参数,则可以使用`this.props.match.params`。例如:
```jsx
class User extends React.Component {
render() {
const { id } = this.props.match.params;
// 使用id参数进行其他操作
}
}
```
阅读全文