Challenge: Fetch and Display Data with useEffect

Task

Create a React component called DataFetcher that fetches and displays data from an API when the component mounts.

Instructions

1. Import the appropriate hooks from the React library.

2. Inside the component, use the useEffect hook to fetch data from the provided API endpoint when the component mounts.

3. Display the fetched data in a user-friendly format within the component. You can choose how to format and present the data, such as a list, a table, or any other suitable format.

1. Include an import statement to import the necessary hook from the React library.

2. Utilize the useEffect and useState hooks for this task.