React 19 Приложение "События"

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

React 19 Приложение "События" — УрокСтраница входа — React 19 Приложение "События" | Max Roslow | Space of React

Обработка submit формы входа

Обработчик отправки формы входа с чтением email и пароля через FormData и редиректом после успешной авторизации. event.currentTarget подходит для FormData в TypeScript, а navigate(..., { replace: true }) заменяет текущую запись в history. reacttraining


const handleSubmit = async (event: SubmitEvent<HTMLFormElement>) => {
    event.preventDefault();

    const form = event.currentTarget
    const formData = new FormData(form);
    const email = String(formData.get('email') ?? '').trim()
    const password = String(formData.get('password') ?? '')

    try {
        await login({ email, password})
        navigate('/events', { replace: true })
    } catch (error) {
        
    }

}