Встречается на собеседованиях • сегодня

Как сделать 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 валидацию
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы