如何在React中使用activeKey突出显示导航栏链接？

Question

我的网页使用导航栏组件导航链接。我想要的是，当用户单击导航项目/链接时，该链接应突出显示。这样我就知道它是活动的。

我正在使用window.Location.pathname和eventKey突出显示链接。但这根本不起作用。我无法弄清楚代码中的问题是什么？

构造函数：

constructor(){
super()
this.state = {
activeKey : window.Location.pathname
}

}

渲染：

<Nav className="mr-auto" activeKey = {this.state.activeKey}>
<Nav.Link href="/" eventKey = "/"  >Home</Nav.Link>
<Nav.Link href="/About" eventKey = "/about"  >About</Nav.Link>
<Nav.Link href="/Generator" eventKey = "/generator">Generator</Nav.Link>
</Nav>