[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

Mở tài liệu React Server Actions tại trang “Composing Server Actions with Actions” được liên kết và kiểm tra biểu mẫu ví dụ. So sánh tham chiếu JSX với biến trạng thái được khai báo ở phía trên, sau đó cập nhật ví dụ để lỗi được hiển thị sử dụng biến đã khai báo. Hoàn tất khi ví dụ nhất quán về mặt nội bộ và render trạng thái lỗi dự kiến.