React-Router useLocation()

670 阅读1分钟

钩子返回当前location对象。如果您想在当前位置更改时执行一些副作用,会有用。

可以直接使用:

1. 0958.png

2.

0959.png

补:location对象

属性值(字符串)说明
location.protocalhttps:页面使用的协议
location.hostnamewww.juejin.cn服务器名
location.pathname/frontendURL路径与文件名
location.search?sort=newestURL查询字符串,是以?开头的字符串

当然还有其他一些属性,如:

location.hash获取哈希地址如 '#content'

location.href获取当前加载页面完整URL

location.port获取当前端口号