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

Question

我正在使用 Semantic 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。

Answer 1

我犯了一个错误。我只需要一个 exact 属性和不同的路径。现在可以了。

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