メインコンテンツまでスキップ

一覧画面(ホーム画面)のAPI呼び出し

画面表示に必要な情報をAPIで取得します。

プロジェクトの設定が終わっていない場合は実施してください。

MSWの設定で設定した通り、MSWを使用してモックデータを返却するようにしています。

API呼び出しの記述例はサンプルアプリのAPI呼び出し部分を参考にしてください。

(参考例)

src/features/qa-question/pages/QuestionDetailPage.tsx

src/features/qa-question/services/useQuestion.ts

API仕様を参照しながら以下のAPI呼び出しを追加し、ソースコードに直接値を記載していた箇所をAPIの戻り値を使用するように修正してください。

API名呼び出しタイミング補足
イベント一覧取得画面初期表示掲載期間中のイベントのみ取得
質問一覧取得画面初期表示
ソートボタン押下
タグボタン押下
ソート・タグ選択時は条件を指定
お知らせ一覧取得お知らせボタン押下
タグ一覧取得タグボタン押下