提问者:小点点

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


我正在尝试使用NavLink或链接内部下拉组件从“反应引导”库从我的网站的头菜单路由,

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

表示使用href

href=“#/action-3”>其他内容<;/dropdown.item>

如果我使用href代替(of Link或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。出现此错误


共1个答案

匿名用户

我建议你试试这个

npm install react-router-bootstrap --save