에 대한 해결책이 있습 LinkContainer 에서 구성 요소 반응 라우터-부트스트랩 오류가?

Question 1

그래서 나를 사용하 LinkContainer 에서 구성 요소 반응 라우터-부트스트랩을 포크트키르헤,신 등이 있습니다.링크에서 구성 요소 bootstrap. 를 참조하시기 바랍 아래 그림 참조용입니다.

// 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

여,내가 사용하고 반응 v.17.0.2 고 반응하-라우터-부트스트랩 v.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 감싸는 마크트키르헤,신 등이 있습니다.링크는 다음과 같다:

<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"

나는 이러 실행하는 경우 고궁을 시작하는 웹 사이트를 참조하십시오에서는 Chrome 브라우저

TypeError:(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