为什么我的 gatsby activeStyle 只有刷新页面才生效？

Question

我希望有人可以帮助我。

我正在尝试让我的导航链接在 Gatsby 中处于活动状态。所以我使用带有activeStyle的链接。由于某种原因，它不起作用。如果我刷新页面，则活动样式会在当前页面上生效。但是每次换页都得重新刷新一次。

import * as React from "react"
import { Link } from "gatsby"

import "../components/styles/navigation.module.css"

const Navigation = ({ menuLinks }) => {
return (
<header>
<div className="container">
<div>
<nav>
<ul>
{menuLinks.map(link => (
<li
key={link.name}
>
<Link activeStyle={{color: "black"}} className="nav-links" to={link.link}>
{link.name}
</Link>
</li>
))}
</ul>
</nav>
</div>
</div>
</header>
)
}

export default Navigation

Answer 1

这对我来说是一个愚蠢的错误。我的 NPM 包和 Gatsby 已经过时了。我更新了 NPM Packages 和 Gatsby，现在它可以正常工作了。