会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
useEffectとデータ取得入門
目安学習時間 18分
学ぶ目的
描画の外側の仕事をする
APIからのデータ取得のように「描画そのもの以外の処理」は、useEffectの中に書きます。第2引数の依存配列で「いつ実行するか」を制御します。
fetchとの組み合わせ
useEffectの中でfetchを呼び、取得したデータをstateに入れると画面に反映されます。「取得中はローディング表示」というパターンも合わせて学びます。
学ぶ目的
外部データを画面に表示するという、実用的なアプリに不可欠な流れを一通り体験し、Next.jsのデータ取得の理解につなげます。
このレクチャーで学ぶこと
- useEffectの基本
- fetchでAPIからデータを取る
- ローディング状態の扱い
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
React初級
React初級講座
useEffectとデータ取得入門
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
