使用React Semantic UI使用NavLink设置活动页面类？

Question

我正在使用Semantic UI React和React Router。 React Router的NavLink组件知道它的活动页面链接，并可以设置一个活动类：

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

然而，这不适用于语义UI反应：

    <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" />