인프런 커뮤니티 질문&답변

김택수님의 프로필 이미지

작성한 질문수

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

Update : 게시글 수정하기

useParams()를 통해 받는 postNum의 출처

22.02.14 22:50 작성

·

178

1

해당 강의에서 Edit 컴포넌트를 생성할 때, params를 useParams로 선언하고 params.postNum을 통해서 postNum을 가져오는데 useParams로 받는 object가 어디서 넘어온 object인지 데이터의 흐름이 잡히질 않습니다 ㅠㅠ

답변 1

1

판다코딩님의 프로필 이미지
판다코딩
지식공유자

2022. 02. 14. 22:57

앗!! Detail 컴포넌트를 만드셨을 땐 혹시 이해하셨을까요?

useParams는 react-router에서도 url Parameter를 추적할 때 쓰는 훅입니다. 고로 url에서 넘어온 object입니다.

데이터의 키가 postNum인 것은 저희가 App.js에서 라우팅 규칙을 명명할때 사용한 이름이 postNum이기 때문입니다 :)

김택수님의 프로필 이미지
김택수
질문자

2022. 02. 14. 23:05

useParams가 어떤 함수인지 잘 숙지가 안된 상태여서 그런 것 같습니다 ㅠㅠ 말씀해주시니 확 이해가 갔습니다..! 잘 숙지해서 헷갈리지 않아야 겠네요ㅠㅠ 답변 빠르고 속시원하게 해주셔서 감사합니다!!

추가적으로 Edit 컴포넌트에서 글 수정이 완료되고 navigate를 사용할 때 `/post/${params.postNum}` 에서의 params.postnum과 App.js에  /post/:postNum 이 같은 내용을 주고받는게 맞을까요?

이게 맞으면 이해를 잘했다고 생각하는게 맞는건지도 답변 부탁드립니다!

판다코딩님의 프로필 이미지
판다코딩
지식공유자

2022. 02. 15. 15:48

네~ 맞습니다 :)