[英]NavLink react-router-dom not working ( working if refresh page )
[英]NavLink react-router-dom components :hover not working
JSX 內聯樣式屬性不允許:hover
。 你需要把它放在你的樣式表中。
你不能,甚至不應該把偽類內聯。 將 css 放在 class 中,然后按className
應用它,如下例所示:
JSX:
<NavLink to="/example" className="nav_link">Example</NavLink>
CSS
.nav {
//other styles
//...
a.nav_link:hover {
cursor: pointer;
color: red;
}
}
我更喜歡 CSS-in-JS 方法來設置類,如下所示:
nav_link: {
textDecoration: 'none',
'&:hover': {
textDecoration: 'none'
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.