`useLocation`

类型声明

declare function useLocation(): Location;

interface Location<State = any> extends Path {
  state: State;
  key: string;
}

interface Path {
  pathname: string;
  search: string;
  hash: string;
}

此钩子返回当前的 location 对象。如果您想在当前位置发生变化时执行一些副作用，这将很有用。

import * as React from 'react';
import { useLocation } from 'react-router-dom';

function App() {
  let location = useLocation();

  React.useEffect(() => {
    // Google Analytics
    ga('send', 'pageview');
  }, [location]);

  return (
    // ...
  );
}

属性

`location.hash`

当前 URL 的哈希值。

`location.key`

此位置的唯一键。

`location.pathname`

当前 URL 的路径。

`location.search`

当前 URL 的查询字符串。

`location.state`

由 <Link state> 或 navigate 创建的位置的状态值。