Next.js · Middle · Frage 71 von 75
Wie ruft man eine Server Action aus dem onClick eines Buttons auf (nicht aus einem Formular) und zeigt den Ladezustand?
const [isPending, startTransition] = useTransition()
<button onClick={() => startTransition(() => likePost(id))}>- 1Den Aufruf in
startTransitionaususeTransitionpacken - 2Sie in
useEffectaufrufen - 3Server Actions lassen sich nur in
<form action>nutzen
Antwort zeigen
Richtige Antwort: Den Aufruf in startTransition aus useTransition packen
Erklärung
Die Transition liefert isPending und lässt Next.js die UI mit revalidierten Daten aus der Antwort der Action aktualisieren.