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

您只需从useLocation导入@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;

@ reach / router：如何获取当前路线/页面？

3 个答案: