새로 나온 hook useFormStatus 등 리액트 동향 살펴보기

https://react.dev/reference/react-dom/hooks/useFormStatus

 

import { useFormStatus } from "react-dom";
import { submitForm } from "./actions.js";

function Submit() {
  const { pending } = useFormStatus();
  return (
    <button type="submit" disabled={pending}>
      {pending ? "Submitting..." : "Submit"}
    </button>
  );
}

function Form({ action }) {
  return (
    <form action={action}>
      <Submit />
    </form>
  );
}

export default function App() {
  return <Form action={submitForm} />;
}

 

우와 리액트 공식 문서 들어갔다가 신기한 거 찾았다

 

 

 

https://blog.woolta.com/categories/1/posts/216

 

나만 몰랐던 건가..... 해서 서치하다가 강같은 글 발견