[next.js] useRouter hook

쿼리스트링 가져오기 & 페이지 이동하기

쿼리스트링이란 키=값 형태, URL에서 ? 다음에 오는 내용이고 데이터 전달 방법입니다.

 

이동 버튼과 input 칸에 글 입력하고 엔터누르고 url 확인

 

 

 

const router = useRouter();
const { s } = router.query;  //쿼리스트링 가져오기
router.push(`/test?s=${value}`); //페이지 이동

 

콘솔에 router.query 찍어보면 객체로 나온다.