Reactjs 在react引导下拉列表中将标记更改为链接 --解决--

react bootstrap下拉列表项呈现为“a”标记，但这会导致我在单击该项时重新加载整个页面。是否有任何方法可以将此切换为react router dom的链接标记

这就是我现在正在做的

<Dropdown>
    <Dropdown.Toggle ...someAttrs...>
        <FontAwesome name='bars' size='2x' />=
    </Dropdown.Toggle>
    <Dropdown.Menu alignRight ..someAttrs...>
        <Dropdown.Item eventKey={1} className={'headerMenuLinks'}>
            <Link to={'/user/home'}>
                <h3>Home></h3>
            </Link>
        </Dropdown.Item>
    <Dropdown.Menu>
</Dropdown>

=
主页>

编辑以显示更多下拉方案。另外，为了澄清问题的另一部分，我在

中执行

时收到一条控制台错误消息

警告：validateDOMNesting（…）：不能显示为的后代。

反应引导：1.0.0-beta.12
反应路由器dom:5.0.1
反应：16.9.0

修理

消息

添加

as={Link}

，然后将

href

属性切换到

到
可以解决此问题。

<Dropdown.Item as={Link} eventKey={"2"} to={browseUrl} className={'Header-headerMenuLinks'}>
   <h3>Message</h3>
</Dropdown.Item>

消息

修复：添加as={Link}，然后将
href
属性切换到
到
修复此问题
 需要更多的代码。。
<Dropdown.Item as={Link} eventKey={"2"} to={browseUrl} className={'Header-headerMenuLinks'}>
   <h3>Message</h3>
</Dropdown.Item>

<Dropdown.Item as={Link} eventKey={"2"} to={browseUrl} className={'Header-headerMenuLinks'}>
   <h3>Message</h3>
</Dropdown.Item>