@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. А так же есть проблема, когда пишешь в другие инпуты срабатывает валидация на пустое поле, на те инпуты, которые еще не посещались, как это исправить?
  • Вопрос задан
  • 114 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы