본문 바로가기

비공개/강의 간단 정리(추후 복습하면서 수정)

[Section05-02] static-routing-board

게시글 상세페이지로 라우팅 실습해보기

 

import { useRouter } from "next/router";

export default function StaticRoutingPage() {
  const router = useRouter();

  const onClickMove1 = () => {
    router.push("/폴더/폴더1");
  };
  const onClickMove2 = () => {
    router.push("/폴더/폴더2");
  };
  const onClickMove3 = () => {
    router.push("/폴더/폴더3");
  };

  return (
    <div>
      <button onClick={onClickMove1}>1번 게시글로 이동하기</button>
      <button onClick={onClickMove2}>2번 게시글로 이동하기</button>
      <button onClick={onClickMove3}>3번 게시글로 이동하기</button>
    </div>
  );
}