react-router - 样式化 React 路由器链接

Question

问题：我正在使用 React Router Links，但我不知道如何设置它们的样式（我想更改字体颜色并删除下划线）。

我一直在阅读不同的文件，但仍然无法弄清楚如何做到这一点。一页说只使用 NavLink 而不是 Link。我已经使用 NavLink 在我的页面上创建了一个导航栏，并且我已经设置了没有问题的样式，但是我觉得在导航栏中没有出现 NavLink 时使用它可能不是正确的方法吗？

代码 打印画面 页面打印画面

标签： react-router

Answer 1

您可以创建一个名为“default-link”的类名，然后进行文本装饰；

.default-link{
  text-decoration: none !important;
}

如果这就是你的意思，请随时告诉我。它的一个例子可以在这里找到：从链接中删除顽固的下划线