react router Link 에서 url 중복되는 문제

Question

라우터 관련해 막혀서 질문 드립니다ㅠ 무비목록(localhost:3000) 에서 무비 아이템을 클릭하면localhost:3000/movie/12345 이런 url 인 무비의 디테일 페이지로 이동합니다

{title}

{genres}

그런데 이 디테일 페이지 내부에 suggestion 이 있어서이 내부에서 무비 아이템을 클릭하면 또 다른 무비의 디테일 페이지로 넘어가야 하는데요localhost:3000/movie/34567 이런 식으로요 그런데 지금은 내부에 suggestion 을 클릭하면 url 이localhost:3000/movie/12345/movie/34567 이렇게 밖에 작동하지 않습니다 {suggestions?.map((movie) => (

{movie.title}

{movie.genres}

))} react router dom 의 Link 컴포넌트를 사용하는데 뭐가 문제일까요ㅠCORS 때문에 package.json 에 proxy: 해당 무비 API 주소 를 써놨는데 이게 문제일까요 원하는대로 어떻게 구현할 수 있을 까요ㅠㅠ공식 문서에 Link 부분을 살펴봤지만 힌트를 얻을 수 없었습니다. 어떻게 접근해야 할까요ㅠ

하얀뼈 · Answer

<Route> 는 어디있어요?

gocode · Answer

&#64;하얀뼈Route 는 다른 파일에 따로 적어주었습니다! a 태그로 href 했다가 다시 Link to 똑같이 코드 쓰니까 제대로 동작하더라구요.. 답변 감사합니다!

react router Link 에서 url 중복되는 문제

2개의 답변

#router 목록