代码之家 › 专栏 › 技术社区 › Evanss

使用React语义UI使用NavLink设置活动页面类?

semantic-ui reactjs

Evanss · 技术社区 · 7 年前

Im使用语义UI React和React路由器。React Router的NavLink组件知道其活动页面链接,并可以设置活动类:

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

但是,这不适用于语义用户界面反应:

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

我可以在浏览器中看到aria current属性被正确设置为true。所以NavLink确实“知道”它何时处于活动状态,但我无法将其传递到菜单。项目

1 回复 | 直到 7 年前

Evanss 7 年前

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

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

推荐文章

Shea · 如何在语义UI React中实现多选过滤器下拉列表

7 年前

andcl · 语义UI React-为卡片中的图像添加显示效果

7 年前

Alexander Dischberg · 使用数组或字符串设置选定的语义UI下拉列表

7 年前

user6039980 hvgotcodes · 语义UI:如何使用javascript在下拉列表中设置值列表?

7 年前

nobody · 从贴图渲染的React dim元素

7 年前

user8934737 · 如何在语义ui反应中循环?

7 年前

mayorsanmayor · 具有React语义UI的响应式分段布局

7 年前