Back to questions
МВидео
Middle
2
Это получается на React? Какие технологии и библиотеки использовал для форм? Была ли там валидация?
Companies where asked
Answer from AI
sobes.tech AI
Да, речь идёт о React. Для работы с формами часто использую библиотеки вроде Formik или React Hook Form — они упрощают управление состоянием формы и валидацию.
Валидация бывает как синхронной, так и асинхронной. Например, с React Hook Form можно подключить Yup для схемной валидации:
import { useForm } from 'react-hook-form';
import * as yup from 'yup';
import { yupResolver } from '@hookform/resolvers/yup';
const schema = yup.object().shape({
email: yup.string().email('Неверный формат email').required('Обязательное поле'),
password: yup.string().min(6, 'Минимум 6 символов').required('Обязательное поле'),
});
function MyForm() {
const { register, handleSubmit, formState: { errors } } = useForm({
resolver: yupResolver(schema)
});
const onSubmit = data => console.log(data);
return (
<form onSubmit={handleSubmit(onSubmit)}>
<input {...register('email')} />
{errors.email && <p>{errors.email.message}</p>}
<input type="password" {...register('password')} />
{errors.password && <p>{errors.password.message}</p>}
<button type="submit">Отправить</button>
</form>
);
}
Таким образом, валидация встроена и удобна для пользователя.