NextJs의 useParams와 params

react를 사용하면서 나는 보통 라우터 사용 시 파라미터 정보를 가져오기 위해 useParams를 사용했다. 아이디와 매칭 되는 데이터를 불러오기 위해서. 그러면 NextJs에서는 어떻게 아이디를 받을까?

 

 

1. useParams

다행히도 next/navigation의 useParams를 사용하여 id값을 받아 올 수 있었다.

import { useParams } from "next/navigation";

const page = () => {

  const param = useParams()
  console.log(param)

 

2. params

props로 아이디 값을 받아올 수 있다. 똑같은 결과를 얻을 수 있다.

const page = ({ params }) => {

  const  id  = params;