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

Space of React

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

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

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

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

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

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

Войти

Урок

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

Форма события

Типы пропсов формы события и обработчик submit с парсингом даты из datetime-local в ISO формат.

client/src/pages/events/components/event-form.tsx


type Props = {
    title: string
    subtitle: string
    batckTo: string
    backLabel: string
    cancelTo: string
    submitLabel: string
    submittingLabel: string
    onSublit: (values: EventFomrmValues) => Promise<void>
    inputValues?: EventFomrmValues 
    error?: string | null
    loading?: boolean
    className?: string
}

Обработчик submit формы:


const handleSubmit = async (event: SubmitEvent<HTMLFormElement>) =>



    


        startedAt

Что делает:

Читает поля формы через FormData
Парсит datetime-local в ISO строку через date-fns
Валидирует дату перед отправкой
Вызывает onSubmit с готовыми данными