gatsby - 如何在 Gatsby 中获取当前 url？

Question

我目前正在使用 Gatsby 创建共享按钮，并希望根据当前 url 共享内容，这取决于环境和当前页面。使用 GoHugo，可以使用 {{ .Permalink }} 调用它。 .有谁知道如何用 Gatsby 做到这一点？

我有一个 ShareButtons 组件，它是 BlogPostTemplate 的子组件。

Answer 1

您可以使用 useLocation 喜欢 p.boiko建议如下:

import * as React from 'react';
import { useLocation } from '@reach/router';

const UserTheme = () => {
  const location = useLocation();
  console.log(location)  
};

输出将是:

{pathname: "/", search: "", hash: "", href: "http://localhost:8000/", origin: "http://localhost:8000", …}