깃허브에 react-router@6 업데이트 해주신 코드 질문드립니다.
299
작성한 질문수 1
제로초님 안녕하세요, 좋은 강의 만들어주셔서 감사합니다.
https://github.com/ZeroCho/ts-react/blob/master/react-router/GameMatcher.tsx
react-router@6버전으로 업데이트 해주신 GameMatcher.tsx의 코드를 적용하면
만든 컴포넌트들(게임들)이 렌더링되질 않습니다.
그래서 강의 내용과 비슷하게, @6버전에 맞게 useParams를 사용해
조건분기해서 각 컴포넌트를 리턴해주니 렌더링이 됩니다. (레포지토리의 기존 코드는 주석처리 했습니다)
궁금한점은
<Route path="number-baseball" element={<NumberBaseball />} />
react-router-dom의 Route 컴포넌트를 활용해서도 정상적으로 렌더링이 가능한가요?
GameMatcher.tsx와 Games.tsx의 Route path를 한참 수정해가며 시도해봤지만 렌더링이 안되네요 ㅠㅠ
감사합니다.
답변 1
1
<Route path="/game/*" element={<GameMatcher />} />
이렇게 Games 부분을 바꾸세요.
0
감사합니다. 혹시
=> (GameMatcher.tsx)
지금 상황도 nested routes의 경우로 볼 수 있는건가요?
답변해주신 덕분에 공식문서보고
dynamic :id-style params and * wildcards.
둘 사용법 차이를 좀더 이해하게 되었습니다
express response 타입
0
224
1
createRoot
0
290
1
babel-loader질문입니다! 왜쓰는지 궁금합니다!
0
692
1
undefined 처리
0
499
1
compilerOptions lib 관련
0
333
1
event type 찾기
0
329
1
정확한 type vs 가독성
0
299
1
useRef에 대해 질문드립니다.
0
310
1
tsx파일에서 에러 표시
0
868
1
Props type 질문드립니다.
0
237
1
webpack.config.ts/ Could not find a declaration file for module '@pmmmwh/react-refresh-webpack-plugin'.
0
600
1
18버전에서의 ReactDOM.render
1
662
1
2강 끝말잇기 npx webpack 오류가 질의사항
0
411
1
Property 'render' does not exist on type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'.
0
719
1
webpack.config.ts import 할 때 에러좀 봐주세요!!
0
310
1
React.FC에 대해 궁금합니다.
0
711
1
가위바위보 interval 타입과 이벤트타입에 관한질문
0
347
1
npm run dev 실행은 성공적으로 되는데
0
688
2
redux 유료강좌를 듣고 와야 되는지 여쭈어보려고 합니다.
0
325
1
git 내용과 강의 내용이 달라서 여쭈어봅니다.
0
228
1
Ball.tsx 타이핑
0
331
2
react-router 버젼 업그레이드 변경사항 문의
0
291
2
리액트 타입스크립트 공식문서
0
343
1
button 클릭 할 떄 마다 더보기/닫기 에러
0
862
1