响应引导-即使在刷新后仍保持当前选项卡活动。

Question

你好，我看到了很多防止选项卡刷新到初始状态的例子，但是我不知道它是否来自react bootstrap..can --有人告诉我，即使在为引导程序刷新之后，也如何防止选项卡活动。

这是代码

<Tab.Container id="left-tabs-example" defaultActiveKey="first">
  <Row>
    <Col sm={3}>
      <Nav variant="pills" className="flex-column">
        <Nav.Item>
          <Nav.Link eventKey="first">Tab 1</Nav.Link>
        </Nav.Item>
        <Nav.Item>
          <Nav.Link eventKey="second">Tab 2</Nav.Link>
        </Nav.Item>
      </Nav>
    </Col>
    <Col sm={9}>
      <Tab.Content>
        <Tab.Pane eventKey="first">
          <Sonnet />
        </Tab.Pane>
        <Tab.Pane eventKey="second">
          <Sonnet />
        </Tab.Pane>
      </Tab.Content>
    </Col>
  </Row>
</Tab.Container>

Answer 1

你说“提神”是什么意思？重装还是重新载入页面？

如果后者，则必须以某种方式持久化该值，并在页面加载时获得它。例如，您可以使用localStorage来完成这个任务。

https://developer.mozilla.org/de/docs/Web/API/Window/localStorage