[Typo]: In code example of server actions

Summary

In Composing Server Actions with Actions:

"use client";

import {updateName} from './actions';

function UpdateName() {
  const [name, setName] = useState('');
  const [error, setError] = useState(null);

  const [isPending, startTransition] = useTransition();

  const submitAction = async () => {
    startTransition(async () => {
      const {error} = await updateName(name);
      if (!error) {
        setError(error);
      } else {
        setName('');
      }
    })
  }
  
  return (
    <form action={submitAction}>
      <input type="text" name="name" disabled={isPending}/>
      {state.error && <span>Failed: {state.error}</span>}
    </form>
  )
}

There is no state variable here.

It should be this

    <form action={submitAction}>
      <input type="text" name="name" disabled={isPending}/>
      {error && <span>Failed: {error}</span>}
    </form>

Page

https://react.dev/reference/rsc/server-actions#composing-server-actions-with-actions

Details

No response

Öffne die React Server Actions-Dokumentation auf der verlinkten Seite „Composing Server Actions with Actions“ und untersuche das Beispielformular. Vergleiche die JSX-Referenz mit der darüber deklarierten Zustandsvariable und aktualisiere anschließend das Beispiel so, dass der angezeigte Fehler die deklarierte Variable verwendet. Fertig ist die Aufgabe, wenn das Beispiel intern konsistent ist und den beabsichtigten Fehlerzustand rendert.