如何从 React 中删除文本装饰<Link>？

Question

这是我的代码片段，我试图从链接中删除文本装饰。

<ul className="header__links">
<Link to="/">
<li>Home</li>
</Link>
</ul>

这是我已经尝试过的:

.header__links{
text-decoration: none;
}

我试过内联CSS:

<Link to="/" style={{textDecoration='none'}}>

然后我尝试瞄准标签，ul标签和li标签，但似乎都不起作用。请帮我解决这个问题。

注意:我知道这个问题以前已经问过了，但没有一个解决了我的问题，这就是为什么我问它。

Answer 1

好吧，我终于找到了原因，这是由于一些浏览器配置我猜，这里是修复它的代码:

a:-webkit-any-link {
text-decoration: none;
color: white;
cursor: pointer;
}

Answer 2

只是打错了。

style={{textDecoration='none'}}=>style={{textDecoration: 'none'}}

Answer 3

我通过在Link标签中添加内联样式来解决这个问题，如下所示:

<Link to="/" style={{ textDecoration:'none' }}>

op的内联代码不工作的原因是因为他在他的样式规则中使用了一个'='，如下所示:

<Link to="/" style={{textDecoration='none'}}>

这不起作用，因为内联样式是一个对象，由键值对组成，因此需要一个':'而不是'='符号。