reactjs - 使用 React Semantic UI 使用 NavLink 设置事件页面类？

我使用语义 UI React 和 React Router。来自 React Router 的 NavLink 组件知道它的事件页面链接并且可以设置一个事件类:

<NavLink to="/" exact activeClassName="active">Home</NavLink>

但是，这不适用于 Semantic UI React:

    <Menu.Item
      header
      as={NavLink}
      to="./"
      children="Diplomat"
      activeClassName="active"
    />

我可以在浏览器中看到 aria-current 属性被正确设置为 true。因此，NavLink 确实“知道”其何时处于事件状态，但我无法将其传递给 Menu.Item。

最佳答案

我犯了一个错误。我只需要一个 exact 属性和一个不同的路径。现在它起作用了。

<Menu.Item header as={NavLink} exact to="/" children="Diplomat" />

关于reactjs - 使用 React Semantic UI 使用 NavLink 设置事件页面类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47427342/