Next.js · Middle · Frage 29 von 75
Wie unterscheidet sich <Form> aus next/form bei einem Suchformular von einem einfachen <form>?
- 1Es validiert Felder vor dem Absenden automatisch gegen ein Zod-Schema
- 2Mit einem String als
actionmacht es eine Client-Navigation mit der Query - 3Es sendet die Daten über WebSocket statt über einen normalen HTTP-Request
Antwort zeigen
Richtige Antwort: Mit einem String als action macht es eine Client-Navigation mit der Query
Erklärung
<Form action="/search"> macht aus den Feldern searchParams und führt eine SPA-Navigation aus, die das gemeinsame Layout behält, statt die Seite neu zu laden. Gemeinsame UI (etwa loading.tsx) lädt es vorab. Ohne JS funktioniert es wie ein normales Formular. Mit einer Funktion in action verhält es sich wie ein React-Formular mit Server Action.