使用Reaction语义用户界面使用NavLink设置活动页面类？ [英] With React Semantic UI use NavLink to set active page class?

问题描述

IM使用语义用户界面Reaction和Reaction路由器。来自Reaction路由器的NavLink组件知道它是活动页面链接，并可以设置活动类：

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

但是，这不适用于语义用户界面反应：

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

这篇关于使用Reaction语义用户界面使用NavLink设置活动页面类？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！