useRouter()

1051 ワード
routing テキストリンク
userouterとは?
hookはnext jsルーティングを許可する

  • why? useRouter
    動的ルーティングを容易に実現し、自分でページを割り当てることができます.

  • 使用方法
    • import {useRouter} from 'next/router'
const router = useRouter();
const {data} = useQuery(FETCH_BOARD, {
	variables: { boardID: router.query.boardID }.
    });
function onClick() {
	router.push(`/boards/${router.query.boardID}/edit`)
    行きましょう.userouterをインポートします.
    私.routerという変数を作成し、割り当てます.
    すべてuseQueryを使用してrouterをインポート変数のboard IDに入れます.query.Board IDに割り当てます.
    引く.関数内での使用
  • コンテンツ
    • まずgraphqlを使用してロードされたcreateBoardは、入力および送信時に変異要求を発行し、サーバからの投稿の_id情報(その他の情報も)を解放します.
    その後、これらの情報はresult変数に保存され、result.data.createdBoard._idでクエリーされます.
    これにより、${result.data.createBoard._id}は_idを意味する.
    router.push(/boards/_id)となり、最終的には_idを有するアドレスとなり、routerを用いてpush(移動)を行うことを示す
    ただし、/boardsに[]で作成されたフォルダが存在する必要があります.
    [BOJ]2581号小数
    穿線二叉木の実現