css - React - 无法使用 CSS 模块设置 React 路由器导航链接的事件状态样式

Question

目标

我正在尝试使用 css 模块将样式应用到侧边栏中的事件路线，但是我想保留基本样式(分配 2 个类)

我已经尝试过这段代码

   <NavLink
      to={path}
      className={`
       ${classes.nav_link} ${({ isActive }) =>
        isActive ? classes.active : classes.nav_link}
        }
      `}
    >

但它编译为 A snapshot of the css compiled code in devtools

我正在使用CSS模块，React Router V6

Answer 1

如果我正确理解您的查询，那么您必须正确使用三元运算符(根据您的要求如下所示):

<NavLink
  to={path}
   className={({ isActive }) =>
    isActive ? classes.active : classes.nav_link
  }
>