🎉

Firebase データ取得(編集ページ用) メモ書き

2022/03/02に公開

動作の大まかな流れ

ドキュメントIDを取得

  • URLパラメーターからドキュメントIDを取得

データ取得

  • awaitブロックでロード画面を表示
  • onMountでデータを取得(async-await)
  • 取得したデータを使ってレンダリング

ドキュメントIDから個別ページのデータを取得

編集ページのレンダリング

  • 空IDからデータを取得して{#await}に渡す(→ローディング)
  • onMount、async-awaitを使ってデータを取得する
  • 編集するデータは変数にいれておく(バインディング)
  • データが取得できたら{:then}に渡す(→レンダリング)
  • eachで配列からデータを取り出す
  • 編集するデータにbind:valueを追加(バインディング)
  • 更新ボタンにon:submit|porebentDefaultを追加して関数を実行

編集したデータをDBに登録

Discussion