useParam() 사용 질문
228
작성한 질문수 26
학습을 하던 중 코드에 궁금중이 생겨 질문드립니다.
현재 modifyPage.js를 보면 인자에 tno를 받아와 사용하고 있습니다.
그리고 readPage.js에서는 useParam()을 이용해 tno 값을 받아와 사용하고있는걸 확인하고 readPage에서도 ModifyPage 에서 처럼 useParam()을 사용하지 않고 인자로 받아와 사용하는 방식으로 해보았는데 오류가 나는데 왜그런걸까요?
위의 코드를
이렇게 바꾸면 오류가 납니다.
답변 1
1
ReadPage의
useParams( )는 '/todo/read/123' 과 같은 경우 123값을 이용하기 위해서 사용했습니다.
ModifyPage역시 동일하게 useParams( )를 사용하는게 맞습니다.
modifyPage의 tno는 원래는 props로 전달 받는 값을 이용하려고 설계되었습니다. 원래 기획 단계에서는 props를 설명하는 부분이 있었는데.. 분량 관계로 줄이다 보니 그대로 남은 상태로 제작되었습니다.
라우팅으로 이동하면 Props가 아니라 useParams( )를 쓰게 됩니다. 따라서 동영상 강의에는 안 쓰는 것으로 되어 있는데.. 혼란을 드려서 죄송합니다.
영상에서 7:20초 쯤되면 이 문제를 수정하는 부분이 나옵니다.
현재 예제에서는 tno값을 찍어도 아무것도 출력되지 않는 것이 정상입니다.
const ModifyPage = ({tno}) => {
const navigate = useNavigate()
console.log("tno: ", tno);
동일하게 실습하는데 이상하게 페이지를 찾지 못하네요..
0
74
2
22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.
0
74
2
37강. 강의수업듣다 질문드립니다.
0
57
2
TodoDTO test 함수
0
80
3
강사님 오타 있음요
0
80
2
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
95
4
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
70
3
17강 문의드립니다.
0
44
1
카카오 연동설정이 이제 안되는거 같아요
0
198
2
8장 마지막 강의 시 오류
0
98
4
혹시 뭐가 문제인지 알 수 있나요?
0
87
2
챕터: React-Router 설정
0
59
2
백)TODO관련
0
56
2
마리아 db 설치중 포트를 이미 사용중이라고 합니다
0
113
2
이강의 듣고 소화시켰다면 몇년차 정도 개발자라고 할수 있을까요?
0
105
1
CSR , SSR 의 수요 궁금증 질문
0
83
2
섹션5부터...
0
73
1
간단한 코드 질문!!
0
61
2
tbl_todo 질문입니다
0
65
2
수업 외 질문인데 'tbl'이 무슨 의미인가요???
0
292
2
엔티티클래스에서 질문입니다
0
78
2
수정시 writer값이 삭제되는 오류
0
42
2
교안 31 오타 수정해주세요
0
64
2
쿠키에 accessToken, refreshToken을 담고, 조회 시에 undefined
0
82
1