Zrozumieć React

Praca z APIDELETE request
Powrót do lekcji

jsonplaceholder symuluje również usuwanie elementów. Żeby usunąć element należy wywołać następujący request:

fetch('https://jsonplaceholder.typicode.com/users/ID_USERA', { method: 'DELETE', });

Tak jak wcześniej, nie dokona on stałych zmian na backendzie, ale zwróci nam odpowiedź potwierdzającą otrzymanie requestu.
Wywołaj taki request w momencie kliknięcia na przycisk X, a następnie po otrzymaniu odpowiedzi zaktualizuj stan tak, żeby nie zawierał już skasowanego elementu.

Twój kod 💻

import { useState, useEffect } from "react";

export default function App() {
    const [users, setUsers] = useState([]);
    
    useEffect(() => {
        fetch("https://jsonplaceholder.typicode.com/users")
            .then(res => res.json())
            .then(res => setUsers(res));
    }, []);

    return (<>
        <h1>Lista osób</h1>
        <ul>
        {users.map(user => <li key={user.id}>
            {user.username} <button>X</button>
        </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

Praca z APIDELETE requestPowró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

Praca z APIDELETE request
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