inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Update : 게시글 수정하기

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

233

김택수

작성한 질문수 11

1

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

nodejs mongodb express firebase react

답변 1

1

판다코딩

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

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

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

0

김택수

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

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

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

0

판다코딩

네~ 맞습니다 :)

Heroku 데이터로드 문제.

0

204

2

몽고DB

0

188

1

No routes matched location Error Component Stack error 질문입니다.

0

622

1

axios 문제 404에러

0

2140

1

도와주세요

0

487

3

네이버 클라우드를 사용하지 않는 사람은 외부저장소~env 까지 따라하지 않아도 되죠?

0

244

0

두번씩 실행되는 문제..

0

479

1

스타일 깃허브에서 코드 가져가라고 하셨는데요

0

486

2

read(2) 강의 내용에 질문이 있습니다.

0

281

1

깃허브

0

363

1

마지막에 "" 로 채워주는 이유가 있을까요?

0

304

1

React-router-dom을 설치하고 react app이 크롬에서 실행되지 않습니다.

0

400

1

Detail.js CSS 관련 강의가 없어진거 같은데요 ?

0

289

1

504 에러

0

872

1

콘솔에 DOM이라는 로그가 뜨는데

0

302

1

useEffect 두번 사용하는 것

0

941

1

작동은 잘되는데 오류가 뜹니다

0

456

1

react-router-dom 현재 최신버전

0

628

1

Test.js 소스코드 볼 수 있을까요?

0

504

2

닉네임 중복검사 시 404 에러

0

525

1

수정 버튼 눌렀을 때 이전 이미지 경로

0

446

1

이미지 수정이 안되고 이전 이미지 경로가 안떠요 ㅜㅜ

0

577

1

upload에서 제출 시 오류

0

636

2

여기 학습에 필요한 css 이거 어디에 있나요?

1

637

1