Bootstrap React 上的路由器链接答案

【问题标题】：Router Link on Bootsrap ReactBootstrap React 上的路由器链接
【发布时间】：2021-08-17 11:02:04
【问题描述】：

您好，我正在开发一个引导 CSS 标头项目，我碰巧在获取我正在工作的引导标头上的链接时遇到了这个问题。我在这个上使用了 React 路由器。如果使用此代码 sn -p <ReactBootStrap.Nav.Link> <Link to="/StoreInfo"> Store Info </Link> </ReactBootStrap.Nav.Link> 我能够访问我创建的路由器链接，但是当我在 chrome 上检查它时，我在 DOMnesting 中遇到了这个错误，即链接不能显示为链接的后代，现在我通过删除链接和将其放在引导链接中，而不是如此代码所示 sn-p <ReactBootStrap.Nav.Link to="/StoreInfo"> Store Info </ReactBootStrap.Nav.Link> 但现在的问题是链接不再工作。谁能帮我解决这个问题？我会非常感激并保持安全！

【问题讨论】：

标签： reactjs react-router-dom react-bootstrap

【解决方案1】：

对于 ReactBootStrap.Nav.Link 组件，您似乎应该使用 href="/StoreInfo" 而不是 to="/StoreInfo"

在此处查看文档：https://react-bootstrap.github.io/components/navs/

【讨论】：

非常感谢！很抱歉，我对他们如何使用路由器和引导程序感到困惑，非常感谢您的澄清！你保重，好的。祝福你