在 ReactJs 中使用 NavLink 或 Link 而不是 href

Question

我正在尝试在 "react-bootstrap" 库的下拉组件中使用 NavLink 或 Link 从我网站的页眉菜单路由，

https://react-bootstrap.github.io/components/dropdowns/

上的标准程序

说使用 href

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

如果我使用 href 代替（Link 或 NavLink）它工作正常但整个页面（包括页眉和页脚）在单击 link 时刷新，我不要刷新整个页面，只刷新需要的部分（正文区域）

我的代码如下

            <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

在 ReactJs 中使用 NavLink 或 Link 而不是 href

Using NavLink or Link instead of href in ReactJs

href

hyperlink

reactjs

react-router