Gatsby:如何创建将当前页面标记为活动页面的动态导航?

Gatsby: How do you create a dynamic nav that marks the current page as active?

我已经为此苦苦挣扎了几个小时。

Gatsby documentation 没有将当前页面标记为活动。

更多上下文:我正在使用 WordPress 实现作为我的 Gatsby 网站的后端,因此将不胜感激 WordPress API 重点回答。

如果您使用 Gatsby 文档中给出的示例作为您回答的基础,我可能可以从中推断出来。

您可以在 <Link /> 组件上使用 activeClassNamegetProps 属性 以获得更多功能(因为它是 @reach/router 的薄包装' s Link 分量).

您要找的文档在这里:https://www.gatsbyjs.com/docs/gatsby-link/