@Reach / Router:如何获取当前路由 /页面

Question

如何获得到达路由器的当前路线。在React路由器中，一个人会通过参数得到它吗？

文档目前尚未显示一个示例。

Answer 1

或者使用useLocation钩(自1.3.0(：

import { useLocation } from "@reach/router"
const useAnalytics = () => {
    const location = useLocation()
    useEffect(() => {
        ga.send(['pageview', location.pathname])
    }, [])
}

参考：https：//reach.tech/router/api/uselocation

Answer 2

将其传递给组件时使用this.props.location：

https://reach.tech/router/api/router

Answer 3

您只需从 @reach/router导入 useLocation，然后将其分配给const中的代码中，如下所示。

import React from "react";
import { useLocation } from "@reach/router";
const YourPage = () => {
  const location = useLocation();
  return (
    <Page>
      <div>{(location.pathname = "/terms/")}</div>
    </Page>
  );
};
export default YourPage;