রিয়েক্ট useActionState

import {createRoot} from "react-dom/client";
import React from "react";
import {useActionState} from "react";

async function updateName(previousState, formData) {
  const name = formData.get("name");
  return " " + name;
}

function App() {
  const [message, formAction, isPending] = useActionState(
    updateName,
    ""
  );

  return (
    <form action={formAction}>
      <input name="name" placeholder="আপনার নাম"/>
      <button disabled={isPending}>সেভ করুন</button>
      <p>{message}</p>
    </form>
  );
}

createRoot(
  document.getElementById("root")
).render(<App/>);