react-bootstrap set external link 不激活

Question

当我点击 Google 时，它会在新标签页中打开，这很好。但是当我回到我的网站时，link 到 Google 被设置为活动。

<Nav defaultActiveKey="1">
  <Nav.Link href="/home" eventKey="1">Home</Nav.Link>
  <Nav.Link href="https://google.com" target="_blank">Google</Nav.Link>
  <Nav.Link href="/service" eventKey="2">Service</Nav.Link>
</Nav>

如何才能像我一样申请外部 link 的活动？如果我将 link 移到 Nav 之外就没问题了。但就我而言，我必须将 Nav.

Answer 1

查看documentation，可以将active设置为false：

<Nav.Link href="https://google.com" target="_blank" active={false}>
  Google
</Nav.Link>

react-bootstrap set external link 不激活

react-bootstrap set external link without active

reactjs

react-bootstrap