inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành

Áp dụng Link

컴포넌트 넘어가지 않는 문제

552

khhan1990

38 câu hỏi đã được viết

2

강사님 안녕하세요.

질문란에 다른 분들이 많이 질문하신 것 같지만
대부분은 path를 /products/:id가 아닌 /product로 하셔서 그런 경우가 많은 것 같습니다.

제 경우에는 products/:id로 했음에도 불구하고 
아이템을 클릭했을 시 url만 변경되며 컴포넌트는 변경되지 않고, 새로고침을 하면 그제서야 넘어가는 문제가 발생하여 구글링을 통해 여러가지를 시도해봤지만 되지 않다가 index.js에서 아래와 같이 <React.StrictMode>를 지우니 해결이 되었습니다.
이 해결방법 찾는데만 거의 2시간이 걸렸던 것 같네요..ㅠㅠ

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode> => 삭제
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>=> 삭제
);

아래 리액트 공홈에서 Strict에 대하여 읽어보기는 했지만 사실 100% 이해하기는 조금 어려운 것 같습니다.

https://ko.reactjs.org/docs/strict-mode.html

npx 혹은 npm을 통해 리액트를 생성하면 자동으로 Strict모드로 설정된다고 하는데, 왜 이 Strict모드가 설정이 되면 url만 변경되고 컴포넌트는 바로 변경되지 않는 문제가 발생하는 건가요?

그리고 Strict모드는 개발 환경에서만 작동하고 실제 배포하면 저절로 작동하지 않는다는데, 개발과정에 Strict 모드를 없앤 상태로 진행해도 괜찮을까요?

tensorflow javascript 머신러닝 배워볼래요? react nodejs HTML/CSS express react-native

Câu trả lời 2

0

qotngks152

안녕하세요
혹시 해당 문제에 대한 답변을 받으셨을까요?

0

grab

안녕하세요

Strict 모드는 일반적으로 경고를 제공해주는 기능이고 실제로 라우팅에 영향을 주는 것은 아닌 것으로 알고 있습니다!

github repo를 공유해주시면 제가 한 번 확인해볼 수 있을 것 같아요 :)

0

khhan1990

넵 github에 올라가 있는 코드는 <React.StrtictMode>가 삭제된 상태입니다.

제 github 주소 공유 드립니다 감사합니다!

https://github.com/Kyu-holic/grab-market-web-main.git

0

grab

엇 비공개로 뜨는 것 같습니다 ㅠㅠ

0

khhan1990

헐 private로 만든지 몰랐네요..!! 

public으로 변경했습니다!

https://github.com/Kyu-holic/grab-market-web-main.git

다시 확인해 주시면 감사드리겠습니다!

0

grab

현재 다시 확인봤을 때 Strict Mode의 유무에 상관없이 라우팅이 잘 되는 것 같습니다..

문제가 생기는 상황에서 콘솔 로그를 공유해주실 수 있을까요?

 

[해결]그랩님 답변 주세요.

0

160

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

140

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

122

2

[재질문][그랩님 답변 부탁드립니다]101강

0

135

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

96

2

Ngrok 설치 후 forwarding Url 에러

0

129

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

215

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

133

1

그랩님,[꼭] 답변 부탁드립니다.

0

64

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

147

1

6강/7강 수업

0

49

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

98

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

133

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

88

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

126

2

일반적인 css 꾸미기에서 width와 height의 값?

0

86

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

191

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

118

1

react에 반영이 되지 않습니다.

0

233

1

터미널 npm install -g create-react-app 작성 후 오류

0

418

1

create-react-app my app 실행 시 에러

0

349

2

포스트맨 질문

0

96

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

256

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

471

2