[...params]가 뭔지 이해된거 같아서 기록

어디서 오나 궁금했다

도대체 [...params].js의 파라미터들은 어디서 오는가

router에서 설정한 /:id/:item/:key

이녀석들이 params였다!

사용법

react-router 에서는

import { useParams } from "react-router-dom";

const {id, item, key} = useParams();
// 변수명은 본문에 적은것 처럼 컴포넌트url 경로로 하면된다.

next 에서는

export const 컴포넌트 = ({params}) => {
	const [id, item, key] = parmas || [];
};
// parmas || [] 를 해주는 이유는 혹시나 파라미터가 없을때 오류나지 않게 하기 위해서임

// SSR로 파라미터 불러오기
export function getServerSideProps({params:{params}}) {
    return {
        props: {
            params,
        },
    };
};