Here’s an example of how to use the useFetch hook in a React component to fetch and display data.
import React from 'react';
import useFetch from './useFetch'; // Ensure correct import path
function UserList() {
const { data, loading, error } = useFetch('https://jsonplaceholder.typicode.com/users');
if (loading) return <p>Loading...</p>;
if (error) return <p>Error: {error.message}</p>;
return (
<ul>
{data.map(user => (
<li key={user.id}>{user.name}</li>
))}
</ul>
);
}
export default UserList;