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

Eva*_*nss 6 reactjs semantic-ui

我正在使用语义UI React和React Router。然后,来自React Router的NavLink componenet就会知道其活动页面链接,并可以设置活动类:

<NavLink to="/" exact activeClassName="active">Home</NavLink>
Run Code Online (Sandbox Code Playgroud)

但是,这不适用于语义UI React:

    <Menu.Item
      header
      as={NavLink}
      to="./"
      children="Diplomat"
      activeClassName="active"
    />
Run Code Online (Sandbox Code Playgroud)

我可以在浏览器中看到aria-current属性已正确设置为true。因此,NavLink在活动时不会“知道”,但是我无法将其传递给Menu.Item。

Eva*_*nss 11

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

<Menu.Item header as={NavLink} exact to="/" children="Diplomat" />
Run Code Online (Sandbox Code Playgroud)