<NavLink
to={rootPath + path}
activeClassName="active"
className={scss.navlink}
>
<ListItem button key={name}>
<ListItemIcon>
<Icon htmlColor="#E1F5FE" />
</ListItemIcon>
<ListItemText primary={name} />
</ListItem>
</NavLink>
在上面的代码navlink中，我将x.module.scss文件中的类定义为：
.navlink {
color: inherit;
text-decoration: none;
}
.navlink:hover,
.navlink:active,
.navlink:visited {
text-decoration: none;
}
/* Styling for when the link is active */
.navlink.active {
background-color: #039BE5;
}
通知.navlink.active实际上不像*imported_class_navlink active反应那样工作。
我该怎么做.navlink.active才能工作？
也.navlink > *似乎没有工作要么...
如果您使用类模块，请将其用作类模块
<NavLink
to={rootPath + path}
activeClassName={scss.active}
className={scss.navlink}
>
<ListItem button key={name}>
<ListItemIcon>
<Icon htmlColor="#E1F5FE" />
</ListItemIcon>
<ListItemText primary={name} />
</ListItem>
</NavLink>
如果要将其用作普通类，请使用 :global()
.navlink:global(.active) {
background-color: #039BE5;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句