250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 훈련소 후기
- 공익 훈련소
- useformstatus
- react
- 사회복무요원 훈련소
- The above error occurred in the
- svgr
- server action
- query param
- 비동기 병렬처리
- 리액트 알림
- react toast
- 오라클클라우드
- 리액트 라이프사이클
- resolved to branch.
- 오블완
- 리액트
- localStorage
- 자바스크립트 순수함수
- react life sycle
- sessionStorage
- 자바스크립트
- angular
- 훈련소
- useRouter
- next.js toast
- 산업기능요원 훈련소
- no-use-before-define
- styled-component
- NextJS
Archives
목록query param (1)
아 그거 뭐였지
[React] NextJs query param 값 가져오기 .with useQuery
상품 상세 페이지에서 상품 아이디를 query param 값으로 서버에 해당 상품을 요청해야 하는 기능을 구현하였다. query param값을 가져오는건 굉장히 간단했지만, 처음 렌더링될때 query param 값이 undefind여서 API호출을 할때 오류가 났었다. param값이 있을때에만 API호출을 할수있는 방법을 고민했다. 이전 포스팅에서 버튼을 누를때만 요청을 보낼수있게 코드를 구현한것이있다. useQuery 옵션에 refetch를 사용하였는데 코드가 불필요하게 길어지는것같아서 useQuery의 enabled옵션을 건드려보기로 했다. 먼저 query param값을 useRouter를 사용해서 가져오도록 하자. useRouter 사용 useRouter를 import 해주고 사용해주면된다. rou..
Front-End
2022. 11. 6. 22:55