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

Question

我希望有人能帮助我。

我正在尝试在 Gatsby 中激活我的导航链接。所以我使用 Link 和 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，现在它可以正常工作了。

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

Why is my gatsby activeStyle only taking effect when I refresh the page?

navigation

styles

reactjs

gatsby