是否有一个解决方案LinkContainer分反应路由器-引导的错误？

Question 1

所以我使用的LinkContainer分反应路由器-引导到包裹了我的资产净值。链组件的引导。请参见下面的图片供参考。

// Snippet
import {LinkContainer} from "react-router-bootstrap";

// Snippet

              <LinkContainer to="/cart">
                <Nav.Link class="navlink">
                  <FaShoppingCart /> Cart
                </Nav.Link>
              </LinkContainer>

// Snippet

但我得到这个错误与我的代码: [错误的照片][1] [1]:https://i.stack.imgur.com/AF41y.png

通过这种方式，我使用的反应的五.17.0.2并作出反应路由器-引导诉0.25.0

我想问一下如果任何人能够帮助或者我是不是应该改变我的版本的我的反应路由器-引导或甚至使用一个反应路由器组件来代替。

谢谢你提前。

Question 2

我已经解决的问题。

而不是使用 LinkContainer 分离 react-router-bootstrap我刚才用的 as 酒店里面 <Nav.Link> 并设定其价值为 Link 组成部分 react-router-dom:

// Here's the code snippet

/* instead of using react-router-bootstrap, we're just going to use the Link component from the react-router-dom */

import { Link } from "react-router-dom";

function Header () {
return(
<Nav.Link as={Link} to="/path">children</Nav.Link>
);
}

export Header

我用回答这个问题，以供参考： ReactJS引导航栏和路由不一起工作

Question 3

我也有问题LinkContainer包裹Nav。链路如下：

<Navbar.Collapse id='basic-navbar-nav'>
    <Nav className='me-auto'>
         <LinkContainer to='/'>
               <Nav.Link>Home</Nav.Link>
          </LinkContainer>

我使用这个相关性：

 "react-bootstrap": "^2.0.2",
        "react-dom": "^17.0.2",
        "react-router-bootstrap": "^0.25.0",
        "react-router-dom": "^6.0.2",
        "react-scripts": "4.0.3"

我得到这一错误时运行国家防范机制开始看到我的网站浏览器:

类型错误:(0,_reactRouterDom.withRouter)不是一个功能 ./node_modules/react-router-bootstrap/lib/LinkContainer.js

S:/Kuarsis/webapps/kuarsis/frontend/node_modules/react-router-bootstrap/lib/LinkContainer.js:155
  152 |   strict: false,
  153 |   activeClassName: 'active'
  154 | };
> 155 | exports.default = (0, _reactRouterDom.withRouter)(LinkContainer);

因为我有LinkContainer在另一个较早的项目，这是使用作出反应路由器-dom5.0.0中，而不是6.0.2，我卸载6.0.2与

npm uninstall react-router-dom

然后安装5.0.0中的版本：

npm i [email protected]

固定的LinkContainer问题和网页的工作只是罚款。

它似乎还有一个不兼容问题之间作出反应路由器-引导和最新版本作出反应路由器-dom6.0.2，或者适当的方式设立这个职位已经改变了而我没有看到最新的指示如何使他们的工作在一起。

希望这有帮助，如果有人有更多的见解如何使6.0.2的工作没有回滚到版5.0.0作出反应路由器-dom，请让我们知道。

tdy · Answer 1 · 2021-11-24T04:07:43