課題

useEffect を使用して API 関数からユーザーデータを読み込むシンプルなユーザープロフィールの作成。

コンポーネントに含める内容：

1. user という名前のステート変数。初期値は null。

2. useEffect フック。

• エフェクト内で fetchUser 関数を呼び出す。
• .then() を使ってレスポンスを受け取る。
• レスポンスを user で setUser ステートに保存。

3. user が null の場合、段落（p 要素）を表示。テキスト内容は Loading user...。

4. user が存在する場合、以下を表示：

• ユーザー名を表示する見出し（h2 要素）。
• ユーザーの職業を表示する段落（p 要素）。

スターターコード

以下のスタータープロジェクトを開き、コンポーネントの不足部分を完成させてください。

Starter code

解答例

最終的な解答例と結果を下記で比較できます。

Solution code