路由引導導航欄項目而不更改文本顏色

Question

我是一個初學者，我遇到了一個問題。 我想將導航欄鏈接路由到 react.js 上的另一個組件，但是當我這樣做時，文本顏色變為藍色。 是否有任何方法可以在不更改引導程序預定義 css 的情況下路由任何元素。 這是我的截圖。 路由前

路由后

Answer 1

CSS 解決方案也適用於 React

1. 僅在 Link(React Router) 標記中添加 className/class。 （最重要的部分。！在 Link 標記中添加 ClassName 而不是其他。）
2. 在 css 文件中添加 text-decoration: none 。

導航.js

  <Link to="/" className="link" >
    Get Started
  </Link>

導航.css

.link {
   text-decoration: none;
}