一覧画面(ホーム画面)のAPI呼び出し
画面表示に必要な情報をAPIで取得します。
プロジェクトの設定が終わっていない場合は実施してください。
MSWの設定で設定した通り、MSWを使用してモックデータを返却するようにしています。
API呼び出しの記述例はサンプルアプリのAPI呼び出し部分を参考にしてください。
(参考例)
src/features/qa-question/pages/QuestionDetailPage.tsx
src/features/qa-question/services/useQuestion.ts
API仕様を参照しながら以下のAPI呼び出しを追加し、ソースコードに直接値を記載していた箇所をAPIの戻り値を使用するように修正してください。
API名 | 呼び出しタイミング | 補足 |
---|---|---|
イベント一覧取得 | 画面初期表示 | 掲載期間中のイベントのみ取得 |
質問一覧取得 | 画面初期表示 ソートボタン押下 タグボタン押下 | ソート・タグ選択時は条件を指定 |
お知らせ一覧取得 | お知らせボタン押下 | |
タグ一覧取得 | タグボタン押下 |