Блог

импорт {useForm} из «react-hook-формы»;

const TodoForm = (реквизит) => { const { регистр, отправка,состояние формы: {ошибки}, сброс, триггер, } = Форма использования({ режим: «onChange» });

 const {inputText, setInputText, addTask, setStatus} = props

const inputTextHandler = (e) => {
    setInputText(e.target.value)
}
const submitTodoHandler = (e) => {
    e.preventDefault()
    addTask(inputText);
    setInputText("")
}
const statusHandler = (e) => {
    setStatus(e.target.value)
}
return (
        <form>
            <input
                value={inputText}  type="text"      name="title"
                {...register("title", {
                    required: true,
                    minLength: 3,
                    maxLength: 50,
                    pattern: {
                        value: /^[A-Za-z] $/i,
                        message: "Only letters and numbers are allowed",
                    }
                })}
                onChange={inputTextHandler}
                onKeyUp={() => {
                    trigger("title");
                }}
            />
            {errors.title amp;amp; (<p>{errors.title.message}</p>)}