zrozumiecReact.pl

import { useQuery } from "@tanstack/react-query";

export default function App() {
    
    const { data: users, isPending } = useQuery({
      queryKey: ["users"], 
      queryFn: () => fetch("https://jsonplaceholder.typicode.cm/users")
        .then(res => res.json())
      });

    if (isPending) {
        return <p>Ładowanie...</p>;
    }

    return (<>
        <h1>Lista osób</h1>
        <ul>
            {users?.map(user => <li key={user.id}>
                {user.username}, {user.email}    
            </li>)}
        </ul>
    </>);
}