• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

react-router-dom link클릭시 이동이 안되는 오류

23.01.21 17:34 작성 조회수 1.06k

0

안녕하세요 강사님

해당 상품을 클릭했을때 url은 바뀌지만 상품상세페이지로 화면은 바뀌지 않는 오류가 발생했습니다(새로고침하면 화면이 바뀌긴 합니다)

다른 수강생들의 비슷한 질문답변을 참고하여 <React.StrictMode>를 지워도보고 react-router-dom 버전도 5.2.0이고 Route path도 "/products/:id"라고 적었는데 여전히 오류가 해결되지 않습니다

https://github.com/kanghanju/grab-market-client/commit/01c0657f4f64398b47493c1b2c3b44836bf1a785#

여기는 Link태그 해당 수업코드 파일입니다!

 

답변 2

·

답변을 작성해보세요.

0

hyeon님의 프로필

hyeon

2023.10.18

저는 이렇게 하니까 잘되네요.

<Switch>
  <Route exact={true} path="/">
    <MainPageComponent/>
  </Route>
    <Route exact={true} path="/product/:id" children={<ProductPage />} />
    <Route exact={true} path="/upload">
        <UploadPage/>
    </Route>
</Switch>

 

아래 참고 했습니다.

https://reactrouter.com/en/6.17.0/upgrading/v5

 

 

0

안녕하세요! 현재 레포를 다운받아 실행해보니 ./product, ./upload가 없다고 에러가 발생하네요.
에러가 해결된 버전으로 다시 repo를 주실 수 있을까요?!

image

한조님의 프로필

한조

질문자

2023.01.26

네! 저번에 upload폴더와 product폴더를 다 만들었는데 git에 push를 못한것 같습니다

https://github.com/kanghanju/grab-market-client/commit/8dd74fc3120f55408f452194e0397d9d997e56f6

./product와 ./upload 폴더와 코드가 써있는 커밋입니다