## 課題
`DataFetcher`というReactコンポーネントを作成し、コンポーネントのマウント時にAPIからデータを取得して表示。

## 手順
1. Reactライブラリから適切なフックをインポート。
2. コンポーネント内で、`useEffect`フックを使用して、コンポーネントのマウント時に指定されたAPIエンドポイントからデータを取得。
3. 取得したデータを、リストやテーブルなど、適切な形式でコンポーネント内に分かりやすく表示。

1. 必要なフックをReactライブラリからインポートするための`import`文を含める。
2. この課題では、`useEffect`および`useState`フックを使用。

Reactを使用したユーザーインターフェース構築の基礎を学びます。コンポーネント、JSX、データフロー、状態管理、日常的なReactアプリケーションで使用される副作用に焦点を当てます。

Reactとは何か、そしてどのようにユーザーインターフェースをレンダリングするかを学びます。コンポーネント、JSX構文、画面上への要素の表示に焦点を当てます。

関数コンポーネントで状態を管理するために使用されるフックはどれですか？

`useEffect`フックは、依存配列がない場合、デフォルトでいつ実行されますか？

コンポーネント間でデータを渡し、UI出力を制御する方法を学びます。props、条件付きレンダリング、データリストのレンダリングに焦点を当てます。

ユーザーの操作や外部データが時間の経過とともにUIをどのように変化させるかを学びます。Reactフックを使用した状態管理と副作用の処理に焦点を当てます。

Reactコンポーネントをスタイリングする一般的な方法を学びます。インラインスタイルと外部CSSを使用したスタイルの適用に焦点を当てます。

Reactプロジェクトの実行方法とその構造について学びます。Viteを使用したプロジェクトの開始と、プロジェクトファイルのナビゲーションに焦点を当てます。

チャレンジ：データの取得と表示

課題

手順