Next.js_06_useRouter 쿼리 사용하기

지원·2023년 12월 17일

Next.js

목록 보기
6/22
post-thumbnail

useRouter쿼리 사용하기

사이트주소에서 원하는 값을 가져오기

  1. useRouter Hook을 import하고
    router객체를 만든 다음에
    router.query라는 객체에서 id값을 가지고 온다.

여기서 id는 파일 이름에 있는 id이다.

  1. 페이지 경로가 달라질때마다 화면의 내용도 달라진다.
    (여기에 api를 연동해서 id에 맞는 데이터를 보여줄 것이다.)
  1. search?q=후디 search?q=티셔츠

q값에 해당하는 것 가져오기
router query객체에서 q라는 이름으로 가져오면 된다.

0개의 댓글