Bootstrap React 上的路由器 Link

Router Link on Bootsrap React

你好,我正在做一个 bootstrap CSS header 项目,在 Bootstrap 上获得 link 时我碰巧遇到了这个问题header 我在工作。我在这个上使用了 React 路由器。 如果使用此代码段 <ReactBootStrap.Nav.Link> <Link to="/StoreInfo"> Store Info </Link> </ReactBootStrap.Nav.Link> 我能够访问我创建的路由器 link,但是当我在 chrome 上检查它时,我在 DOM 嵌套中收到关于 link 无法显示的错误link 的后代现在我通过删除 link 并将其放在 bootstrap link 中来解决这个问题,而不是如代码片段 <ReactBootStrap.Nav.Link to="/StoreInfo"> Store Info </ReactBootStrap.Nav.Link> 中所示,但随后现在的问题是 link 不再有效。谁能帮我解决这个问题?我会非常感激,大家注意安全!

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

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