Reactjs 菜单项活动状态不使用NavLink（语义用户界面反应）

我正在使用

{BrowserRouter}

和以下代码作为导航栏

<Menu stackable>
  <Menu.Item as={NavLink} exact to='/' content='Home' />
  <Menu.Item as={NavLink} exact to='/abc' content='ABC' />
  <Menu.Item as={NavLink} exact to='/def' content='DEF' />
</Menu>

当我在链接之间导航时，活动状态不会改变。只有在刷新浏览器时，活动状态才会更改为浏览器url当前所在的链接

---

任何帮助都将不胜感激

菜单。在您设置props
active=true
之前，项目

不会自动更改，而true值应取决于当前路由器url

<Menu stackable>
  <Menu.Item active={this.isActive('/')} as={NavLink} exact to='/' content='Home' />
  <Menu.Item active={this.isActive('/abc')} as={NavLink} exact to='/abc' content='ABC' />
  <Menu.Item active={this.isActive('/def')} as={NavLink} exact to='/def' content='DEF' />
</Menu>

从语义用户界面看下面的示例-

import React，{Component}来自“React”
从“语义ui反应”导入{Menu}
导出默认类菜单示例基本扩展组件{
状态={}
handleItemClick=（e，{name}）=>this.setState（{activeItem:name}）
render（）{
const{activeItem}=this.state
返回(
社论
评论
即将举行的活动
)
}
}

菜单。在您设置props
active=true
之前，项目将不会自动更改，并且true值应取决于当前路由器url

<Menu stackable>
  <Menu.Item active={this.isActive('/')} as={NavLink} exact to='/' content='Home' />
  <Menu.Item active={this.isActive('/abc')} as={NavLink} exact to='/abc' content='ABC' />
  <Menu.Item active={this.isActive('/def')} as={NavLink} exact to='/def' content='DEF' />
</Menu>



从语义用户界面看下面的示例-

import React，{Component}来自“React”
从“语义ui反应”导入{Menu}
导出默认类菜单示例基本扩展组件{
状态={}
handleItemClick=（e，{name}）=>this.setState（{activeItem:name}）
render（）{
const{activeItem}=this.state
返回(
社论
评论
即将举行的活动
)
}
}
活动道具可帮助您完成以下任务。检查我的回答积极的道具帮助你完成。检查我的答案