zrozumiecReact.pl

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

export function Form({ onAddTask }) {
    const { 
        register, 
        handleSubmit, 
        formState: { errors } 
    } = useForm();        
    
    return (
        <form onSubmit={handleSubmit(onAddTask)}>
            <input 
                {...register("description", { required: "Podaj opis zadania" })} 
                type="text" 
                placeholder="Wpisz zadanie" />
            {errors.description && <span className="error">{errors.description.message}</span>}

            <input 
                {...register("time", { required: "Podaj czas" })} 
                type="text" 
                placeholder="Wpisz czas w formacie hh:mm" />
            {errors.time && <span className="error">{errors.time.message}</span>}
            
            <button type="submit">Dodaj</button>
        </form>
    );
}