reactjs - @reach/router：如何获取当前路由/页面？

Question

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

文档目前没有显示如何执行此操作的示例。

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

您可以简单地导入useLocationfrom@reach/router并将其分配给 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;