Javascript 反应引导：在页面重新加载时保留当前选项卡

这个问题以前被问过很多次，但从来没有针对React Bootstrap：如何在页面重新加载时保留活动选项卡？换句话说，当用户单击导航栏中的选项卡时，很容易向当前页面URL添加哈希。但是，重新加载页面时，

eventKey

与URL不一致。我浏览了以下RB文档，没有找到用于此目的的道具：

这是我的密码：

<Card className="m-auto w-100 w-xl-75">
  <Tab.Container id="tabs">
    <Card.Header>
      <Nav variant="tabs">
        <Nav.Item>
          <Nav.Link href="#licenses" style={{ outline: 'none' }}>Licenses</Nav.Link>
        </Nav.Item>
        <Nav.Item>
          <Nav.Link href="#releases" style={{ outline: 'none' }}>Releases</Nav.Link>
        </Nav.Item>
      </Nav>
    </Card.Header>
    <Card.Body>
      <Tab.Content>
        <Tab.Pane eventKey="licenses" id="licenses">
          <Licenses licenses={licenses} />
        </Tab.Pane>
        <Tab.Pane eventKey="releases" id="releases">
          <Releases releases={releases} />
        </Tab.Pane>
      </Tab.Content>
    </Card.Body>
  </Tab.Container>
</Card>

执照
释放

我不确定是否理解您的问题，但鉴于上下文，我建议您将用户当前选择的选项卡存储在前端的一个缓存会话中

比如说,

通过使用会话存储：

您可以按以下方式存储所选密钥：

conststoreselection=（selection）=>localStorage.setItem（'tabSelection'，selection）

执照