在 Reactjs 中激活 Nav-Item

Posted 2023-03-23

【中文标题】在 Reactjs 中激活 Nav-Item

【英文标题】：Get activate Nav-Item in Reactjs

【发布时间】：2021-11-14 01:12:01

【问题描述】：

我正在寻找reactraps 的侧边栏。当我点击它时，我想更改导航项的背景颜色 我尝试使用 activeClassName 但它不起作用:(

<NavLink to="/faq" activeClassName="selected">
  FAQs
</NavLink>

【问题讨论】：

我会在点击时切换 CSS 类 ***.com/questions/42630473/react-toggle-class-onclick

【参考方案1】：

试试这个

<NavLink to="/faq" className=`$window.location.pathname === '/faq' ? "selected" : "null"`>
      FAQs
    </NavLink>

【讨论】：

它不工作先生:(

把 this.props.location.path 改成 window.location.pathname

也不工作