React Bootstrap和深层链接选项卡

Question

我正在尝试链接到页面上的选项卡，但是我对如何执行此操作有些迷茫。它似乎没有记录在任何地方，我似乎也无法自行解决。我已经尝试从较低级别的标签api转换为nav.items组件，并插入href而不是eventKey，如github上的一则问题所建议。

<Tab.Container id="left-tabs-example" defaultActiveKey="#first">
    <Row>
        <Col sm={3}>
            <Nav variant="pills" className="flex-column">
                <Nav.Item>
                    <Nav.Link href="#first">Tab 1</Nav.Link>
                </Nav.Item>
                <Nav.Item>
                    <Nav.Link href="#second">Tab 2</Nav.Link>
                </Nav.Item>
            </Nav>
        </Col>
        <Col sm={9}>
            <Tab.Content>
                <Tab.Pane eventKey="#first">
                    <p>first</p>
                </Tab.Pane>
                <Tab.Pane eventKey="#second">
                    <p>second</p>
                </Tab.Pane>
            </Tab.Content>
        </Col>
    </Row>
</Tab.Container>
但是，当我访问/mypage#second时，它没有打开该选项卡上的页面。 

任何指导都将有所帮助。

我正在尝试链接到页面上的选项卡，但是我对如何执行此操作有些迷茫。它似乎没有记录在任何地方，我似乎也无法自行解决。我尝试过...

Answer 1

我设法弄清楚了。