Как предотвратить перезагрузку страницы при отправке формы?

Question

Чтобы предотвратить перезагрузку страницы при отправке формы, нужно отменить поведение по умолчанию события submit. В React это делается вызовом event.preventDefault() в обработчике отправки формы.

YeaHub · Accepted Answer

Поведение по умолчанию:По умолчанию при отправке формы браузер пытается отправить данные на сервер и перезагружает страницу. В современных SPA-приложениях это поведение нежелательно.Как отменить:В обработчике события onSubmit формы нужно вызвать event.preventDefault().Пример:const LoginForm = () => { const handleSubmit = (event) => { event.preventDefault(); // Предотвращаем перезагрузку // Дальше ваша логика обработки данных формы console.log('Форма отправлена, но страница не перезагрузилась'); }; return ( ); };Что дальше:После отмены перезагрузки вы можете:Валидировать данные формы.Отправлять данные на сервер с помощью AJAX (например, через fetch или axios).Обновлять состояние приложения based on the server response.Важно:Не забывайте обрабатывать ошибки при отправке данных и показывать пользователю feedback.