Zrozumieć React

Custom hookiNapraw hook
Powrót do lekcji

Poniższy komponent wykorzystuje hook useGetDatażeby pobrać dane i przypisać je do zmiennej users, którą mapujemy na elementy li.
Niestety, pomimo tego, że request wykonuje się poprawnie (co możesz sprawdzić w tabce Network) lista osób nie pojawia się na stronie... Czy widzisz, gdzie leży problem?

Twój kod 💻

import { useGetData } from "./useGetData";

export default function App() {
    const users = useGetData();

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

Open Sandbox

Dla własnej wygody skorzystaj z platformy z zadaniamy w trybie desktopowym 🙏
Jeżeli potrzebujesz dostępu do zadań w wersji mobile skontaktuj się z nami na kontakt@jakzaczacprogramowac.pl

Custom hookiNapraw hookPowrót do lekcji

Twój kod 💻

Dla własnej wygody skorzystaj z platformy z zadaniamy w trybie desktopowym 🙏Jeżeli potrzebujesz dostępu do zadań w wersji mobile skontaktuj się z nami na kontakt@jakzaczacprogramowac.pl

Custom hookiNapraw hook
Powrót do lekcji

Dla własnej wygody skorzystaj z platformy z zadaniamy w trybie desktopowym 🙏
Jeżeli potrzebujesz dostępu do zadań w wersji mobile skontaktuj się z nami na kontakt@jakzaczacprogramowac.pl