[Mistakes]: Server Functions examples use incompatible action signatures

Offen

#8,537 erstellt am 19.7.2026 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 74/100

Issue-Typ: Dokumentation
Klarheit: Klar beschrieben
Aktivitätsstatus: Ruhig
Tech-Stack: javascript, react
Bereich: documentation

Rechercherichtung

Beginne mit der Referenzseite zu Server Functions unter https://react.dev/reference/rsc/server-functions und vergleiche das updateName-Beispiel in „Server Functions with Actions“, bei der direkten Form-Aktion und bei der Verwendung von useActionState. Als abgeschlossen gilt die Aufgabe, wenn die Parameter und der Rückgabewert jedes Beispiels der Art entsprechen, wie React es aufruft, einschließlich der Argumente FormData und des vorherigen Zustands.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

type: typos

Summary

The updateName Server Function is defined as updateName(name), but the page later uses it as a direct form action and with useActionState. These usages pass different arguments, so the examples cannot work with the shown function.

Page

https://react.dev/reference/rsc/server-functions

Details

The page defines:

export async function updateName(name) {
  if (!name) {
    return {error: 'Name is required'};
  }
  await db.users.updateName(name);
}

There are several inconsistencies/mistakes:

In “Server Functions with Actions”, the input does not update the name state, so updateName(name) always receives ''.
On success, updateName returns undefined, but the client destructures {error} from its result.
When passed to <form action={updateName}>, React calls updateName with FormData, not a string.
When passed to useActionState, React calls it with (previousState, FormData), and it must consistently return the next state.

The examples should define a Server Function with the correct parameters and return value for each usage.

Vorherrschende Sprache: JavaScript
Sterne: 11.8k
Forks: 7.9k
Ø Merge: 16 Std. 6 Min.
Gemergte PRs (30 T.): 7

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus reactjs/react.dev

[Suggestion]: Feature React 19.3 codemods across docs, blog, and changelog Offen

type: documentation

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

reactjs/react.dev#8661 · 1 Kommentar · 7 Reaktionen · Erstellt am 17.9.2026
docs: improve useState explanation in quick start Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 82/100

reactjs/react.dev#8655 · Erstellt am 12.9.2026
[Bug]: Next button throws a runtime error instead of cycling to the first sculpture Offen

bug: unconfirmed

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100

reactjs/react.dev#8634 · 3 Kommentare · Erstellt am 04.9.2026
[Typo]: Repeaded words in Pitfall section Offen

type: typos

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100

reactjs/react.dev#8622 · 1 Kommentar · Erstellt am 22.8.2026
[Bug]: Sidebar dropdown does not close when the arrow is clicked again Offen

bug: unconfirmed

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100

reactjs/react.dev#8618 · Erstellt am 21.8.2026

Alle Issues in reactjs/react.dev