Встречается на собеседованиях • сегодня
Как сделать submit формы на React
В React можно обработать submit формы двумя основными способами:
1. **Контролируемые компоненты** (рекомендуемый способ):
```jsx
function MyForm() {
const [value, setValue] = useState('');
const handleSubmit = (e) => {
e.preventDefault();
console.log(value); // Отправка данных
};
return (
setValue(e.target.value)}
/>
);
}
```
2. **Неконтролируемые компоненты** (через ref):
```jsx
function MyForm() {
const inputRef = useRef();
const handleSubmit = (e) => {
e.preventDefault();
console.log(inputRef.current.value);
};
return (
);
}
```
Ключевые моменты:
- Всегда вызывайте `e.preventDefault()` чтобы предотвратить перезагрузку страницы
- Для сложных форм лучше использовать библиотеки типа Formik или React Hook Form
- Для валидации можно использовать HTML5 атрибуты или JavaScript валидацию

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы