@LI4NOOST

Как настроить formik?

const { getFieldProps, errors, handleSubmit, } = useFormik({
        initialValues: defaultValue,
        enableReinitialize: true,
        validationSchema: NewUnitsPageValid,
        validateOnBlur: false,
        onSubmit: data => onSubmitHandler(data)
    })


export const NewUnitsPageValid = yup.object({
    name: yup
        .string(),
    unit_namespace: yup
        .string()
        .matches(/^[aA-zZ\s'-ÀÂÆÇÉÈÊËÎÏÔŒÙÛÜŸ]+$/, "Допускаются только латинские символы")
        .required('Обязательное поле')
})


<Input {...getFieldProps('name')} label='Текущее название' error={errors} paleLabel placeholder='Введите название'/>
<Input {...getFieldProps('unit_namespace')} label='Ключ единицы' error={errors} paleLabel placeholder='Введите ключ единицы'/>


Есть formik и есть yup. А так же есть проблема, когда пишешь в другие инпуты срабатывает валидация на пустое поле, на те инпуты, которые еще не посещались, как это исправить?
  • Вопрос задан
  • 137 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 14:37
3000 руб./в час
24 нояб. 2024, в 13:04
500 руб./в час
24 нояб. 2024, в 12:29
3000 руб./за проект