Routing[await/async], Query, try - catch

3050 ワード

目次


1.移動ページ>>ルーティング


2.データ照会>>Apollo-Client/Query


3.API要求エラー>>try-catch


shorthand proterty


鍵と価値が同じであれば、その価値は省略できます.



ネットワーク上のペイロードによって送信されたデータ/応答受信データを表示できます.

1.ページの移動


ルート.
ページを移動する方法.
移動するために必要なHooksがあります.
const router = useRouter()
router.push("이동할 페이지 주소")   그 페이지로 이동하게 된다.
ルーティングの実践
スタティツクルーティング
どうてきルーティング
スタティツクルーティング


投稿の詳細ページに移動します.
投稿のインポート
FETCH_BOARd 
	quert{
    	fetchBoard(number: 6) {
        	writer
            title
            contents
        }
    }
const {data} = useQuery(FETCH_BOARD)
data.fetchBoard.write
useQueryは、ページに入ると自動的に実行されます.


条件付きレンダリングが必要

流量があれば条件をつけなければなりません.

傍観者

(data&&data.fe~~~)などの条件文

100ページあれば.
静的ルーティングの場合は、100個のフォルダを作成する必要があります.

動的ルーティング[aaaaなどの必要なフォルダ名で名前を付けます]カッコで囲まれます.
フォルダ名ではなく変数名
/board/aaaaではなく、どんな内容でも入力できます
私は/board/777をして、[aaa]は[777]になりました.
ページを作成し、そのページの1つに目的のページを描画できます.
const router = useRouter () 
router.query = {
	aaa: 83011
}

// aaa는 83011로 사용이 가능하다.





backtic(テンプレート文字)の使用

try catch finally

tryで実行し、バックエンドにエラーが発生した場合、trieに再びダウングレードするのではなく、cacheに直接ジャンプします.
catch処理エラー
最後に、失敗しても成功しても、無条件に実行/一時的に適用しない.
整理する
2.このページを参照
パッチボードを使用します.重要な部分は?原理!日本データ.fetchBoard.~~間違いがあったのではないでしょうか.
=>入れる前に空いているものを撮っておきます.条件付きで解決する