Goal
我正在尝试使用 css 模块将样式应用到侧栏中的活动路线,但是我想保留基本样式(分配 2 个类)
我试过这段代码
<NavLink
to={path}
className={`
${classes.nav_link} ${({ isActive }) =>
isActive ? classes.active : classes.nav_link}
}
`}
>
但它编译为devtools 中 css 编译代码的快照 https://i.stack.imgur.com/3EfLi.png
我在用着CSS 模块, 反应路由器 V6
如果我正确理解您的查询,那么您必须正确使用三元运算符(根据您的要求如下所示):
<NavLink
to={path}
className={({ isActive }) =>
isActive ? classes.active : classes.nav_link
}
>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)