Zrozumieć React

React Hook FormProsty formularz
Powrót do lekcji

Poniższy kod symuluje prosty formularz do dodawania zadań. Jeśli w komponencie Form wywołamy onAddTask({description: "Nazwa taska" })
to do listy zostanie dodany nowy task.
Twoim zadaniem jest dodać obsługę formularza za pomocą React Hook Form. Narazie nie przejmuj się walidacją, skup się tylko na zapisaniu danych formularza.

Twój kod 💻

import { useForm } from "react-hook-form";

export function Form({ onAddTask }) {
    
    // onAddTask({desription: "Nowe zadanie"}) - przykładowe użycie

    return (
        <form>
            <input type="text" placeholder="Wpisz zadanie" />
            <button type="submit">Dodaj</button>
        </form>
    );
}

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

React Hook FormProsty formularzPowró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

React Hook FormProsty formularz
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