일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- redux
- 자바스크립트
- async
- 참조자료형
- 코린이
- react
- Vue3
- 깃
- 코딩공부
- 비동기
- 코딩기초
- 코딩독학
- SasS
- CSS
- 타입스크립트
- scss
- http
- html기초
- useEffect
- 코딩초보
- 프론트엔드
- react-router
- JavaScript
- React Native
- 리덕스
- git
- TypeScript
- 리액트 네이티브
- 사용하는 이유
- 리액트
Archives
- Today
- Total
목록useParams (1)
맨 땅에 프론트엔드 개발자 되기
useParams 로 세부 페이지 라우팅 구현하기
useParams 란? react-router에서 제공하는 Hooks 중 하나로 React 16.8 버전 이상에서만 구동이 가능하다. Parameter(파라미터) 값을 URL을 통해서 넘겨서 넘겨받은 페이지에서 사용할 수 있도록 도와준다. 예를 들어, 여러 개의 영화 정보가 담겨있는 데이터를 출력해준다고 가정할 때, 영화 제목을 클릭해서 세부 페이지로 이동을 하도록 구현한다면, 영화의 id 값을 URL로 넘겨 세부 페이지에 id 값에 해당하는 영화 정보만 출력하도록 만들 수 있도록 도와준다. useParams 문법 useParams를 사용하기 위해서는 먼저, react-router-dom을 설치해야한다. npm install react-router-dom 먼저, 라우팅을 구현할 페이지들을 생성한 뒤에 디..
코딩 공부 일지/React JS
2022. 4. 14. 16:36