Next.js · Middle · Запитання 2 з 75
Що дає <form action={createPost}> із Server Action порівняно з onSubmit + fetch?
- ✓Правильна відповідь: Форма працює й до завантаження JS (progressive enhancement), без API-роуту
- 2Форма надсилається швидше завдяки постійному з'єднанню WebSocket
- 3Дані форми автоматично проходять валідацію за схемою бази даних
Пояснення
Server Action отримує FormData напряму, не треба писати Route Handler і клієнтський fetch. Якщо форму відрендерив серверний компонент, вона надішлеться навіть до гідратації. Валідацію однаково пишуть самі (наприклад, Zod). Стан надсилання показують через useActionState або useFormStatus.