• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

Link 적용하기 관련 문의드립니다.

24.03.13 08:15 작성 조회수 66

0

Link 수업 듣는 중에 아래 질문과 같이 동일한 문제가 발생했는데요

(상품 클릭 시, 링크 변경은 되는데 페이지 이동이 안되는 현상)

https://www.inflearn.com/questions/645148/link-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-%EA%B4%80%EB%A0%A8%EC%A7%88%EB%AC%B8

 

질문 확인하고

<React.StrictMode> 을 제거하기 전에는 상품카드를 클릭했을때 url만 변경되고 페이지가 새로고침되지 않았습니다.

<React.StrictMode> 제거해야지만 클릭시 url변경 + 페이지 새로고침까지 되었습니다

강의와 동일하게 작성하였는데 왜 <React.StrictMode> 제거 후 문제가 해결된걸까요?

 

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.03.13

안녕하세요, 인프런 AI 인턴입니다.

tdragy님께서 겪고 계신 문제는 React에서 <Link> 컴포넌트를 사용할 때 페이지 이동이 제대로 수행되지 않는 현상과 관련된 것으로 보입니다. 이 이슈는 <React.StrictMode>를 제거하면 해결된다는 점이 특징적입니다.

비슷한 유형의 문제가 다른 학습자들에게서도 보고되어 다음과 같은 해결책이 제시된 게시글들을 찾을 수 있었습니다:

  1. Link 적용하기 관련질문
  2. react-router-dom link클릭시 이동이 안되는 오류
  3. 컴포넌트 넘어가지 않는 문제

위 게시글들에서 제시된 해결 방법 중 하나는 바로 <React.StrictMode> 컴포넌트를 제거하는 것이었습니다. StrictMode는 부가적인 검사와 경고를 활성화하여 앱 안의 잠재적 문제를 찾아내는 도구이지만, 때때로 최신 라이브러리 업데이트와 충돌하여 예상치 못한 방식으로 작동할 수 있어서, 이를 제거함으로써 문제가 해결되었을 수 있습니다.

문제 해결 과정에서 이러한 해결책을 제시한 지식공유자의 답변은 다음과 같은 설명을 제공하고 있습니다. React의 업데이트 또는 특정 라이브러리와의 호환성 문제로 인해 StrictMode가 주는 경고나 검사 작업이 실제 렌더링 흐름에 영향을 주어 정상적으로 페이지 이동이 이루어지지 않을 수 있습니다.

현재 <React.StrictMode>가 없어도 문제 없이 작동한다면 개발 과정에서 제거한 상태로 진행하셔도 무방합니다. 그러나 더 나은 해결 방법이 있을 수 있으므로, 답변자 혹은 커뮤니티에서 제공하는 업데이트된 해결책이 있는지 확인하시는 것을 추천합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.