react获取当前路由
时间: 2023-09-10 12:08:36 浏览: 179
详解react如何在组件中获取路由参数
5星 · 资源好评率100%
可以使用 `react-router-dom` 中的 `useLocation` 钩子来获取当前的路由信息。示例代码如下:
```jsx
import { useLocation } from 'react-router-dom';
function MyComponent() {
const location = useLocation();
console.log(location.pathname); // 当前路由路径
return (
<div>
// ...
</div>
);
}
```
其中,`location.pathname` 表示当前路由的路径。还有其他的一些属性,比如 `location.search` 表示当前路由的查询参数,`location.hash` 表示当前路由的哈希值等。你可以根据自己的需要来使用它们。
阅读全文