`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 建立的狀態值。