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.~~間違いがあったのではないでしょうか.
=>入れる前に空いているものを撮っておきます.条件付きで解決する
Reference
この問題について(Routing[await/async], Query, try - catch), 我々は、より多くの情報をここで見つけました
https://velog.io/@kim_truee/Routingawait-async-Query-try-catch
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
const router = useRouter()
router.push("이동할 페이지 주소") 그 페이지로 이동하게 된다.
FETCH_BOARd
quert{
fetchBoard(number: 6) {
writer
title
contents
}
}
const {data} = useQuery(FETCH_BOARD)
data.fetchBoard.write
const router = useRouter ()
router.query = {
aaa: 83011
}
// aaa는 83011로 사용이 가능하다.
Reference
この問題について(Routing[await/async], Query, try - catch), 我々は、より多くの情報をここで見つけました https://velog.io/@kim_truee/Routingawait-async-Query-try-catchテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol