Inflearn コミュニティ Q&A
投稿した質問数
컴포넌트 넘어가지 않는 문제
作成
·
541
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 모드를 없앤 상태로 진행해도 괜찮을까요?
tensorflowjavascript머신러닝 배워볼래요? reactnodejsHTML/CSSexpressreact-native
回答 2
0
0
grab
インストラクター
안녕하세요
Strict 모드는 일반적으로 경고를 제공해주는 기능이고 실제로 라우팅에 영향을 주는 것은 아닌 것으로 알고 있습니다!
github repo를 공유해주시면 제가 한 번 확인해볼 수 있을 것 같아요 :)
넵 github에 올라가 있는 코드는 <React.StrtictMode>가 삭제된 상태입니다.
제 github 주소 공유 드립니다 감사합니다!
https://github.com/Kyu-holic/grab-market-web-main.git