Задать вопрос
@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. А так же есть проблема, когда пишешь в другие инпуты срабатывает валидация на пустое поле, на те инпуты, которые еще не посещались, как это исправить?
  • Вопрос задан
  • 147 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы