게시글 상세페이지로 라우팅 실습해보기
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>
);
}
'비공개 > 강의 간단 정리(추후 복습하면서 수정)' 카테고리의 다른 글
[Section 05-04] dynamic-routing-board-query (0) | 2023.05.09 |
---|---|
[Section 05-03] static-routing-board-query (0) | 2023.05.07 |
[Section05-01] static-routing (0) | 2023.05.05 |
[Section04-05] graphql-mutation-product (0) | 2023.05.05 |
[Section04-04] graphql-mutation-input (0) | 2023.05.05 |