react-router实战Hooks之useLocation

crayon-shin-chan

于 2021-02-12 12:04:00 发布

阅读量1.5w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： react # react-router-dom surprise 文章标签： react

本文链接：https://blog.csdn.net/qq_27868061/article/details/113794133

surprise 同时被 3 个专栏收录

932 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

react

50 篇文章

订阅专栏

react-router-dom

24 篇文章

订阅专栏

本文介绍了react-router的useLocation Hook，它提供当前URL的location对象。详细讲解了API用法，包括在不同场景下如何获取location，以及如何在Web和Native Link、Redirect、history操作中使用location对象。此外，还提供了监听location变化并显示的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.简介

该useLocation挂钩返回代表当前URL的location对象。您可以将其视为类似于URL更改时useState会返回新值的location。

2.API

位置表示应用程序现在所在的位置，您希望其运行的位置，甚至是以前的位置。看起来像这样：

{
  key: 'ac3df4', // not with HashHistory!
  pathname: '/somewhere',
  search: '?some=search-string',
  hash: '#howdy',
  state: {
    [userDefined]: true
  }
}

路由器将在几个地方为您提供位置对象：