在ReactJs中使用NavLink或链接而不是href

Question

我正在尝试使用"react-bootstrap“库中的NavLink或Link inside下拉组件从我的网站标题菜单进行路由。

https://react-bootstrap.github.io/components/dropdowns/上的标准过程

说使用href

<Dropdown.Item href="#/action-3">Something else</Dropdown.Item>

如果我使用href (而不是链接或NavLink)，它工作得很好，但当单击链接时，整个页面(包括页眉和页脚)都会刷新，我不想刷新整个页面，只需要刷新所需的部分(正文区域)

我的代码如下

            <DropdownButton id="IdAbout" className="DropDownStyle" title="About" variant="none">
              <Dropdown.Item className="LinksStyle">
                <NavLink to="/">The Organisation</NavLink>
              </Dropdown.Item>
              <Dropdown.Item className="LinksStyle">
                <NavLink to="/">Our Message</NavLink>
              </Dropdown.Item>
            </DropdownButton>

我在控制台中得到了这个警告。

警告: validateDOMNesting(...)：不能作为的后代出现。

有没有办法用link代替href。This is error appears

Answer 1

我建议你试试这个

npm install react-router-bootstrap --save