React19新特性，如何理解 useFormStatus 表单状态钩子？

import { useFormStatus } from "react-dom";
//...
const { pending, data, method, action } = useFormStatus();

import { useFormStatus } from "react-dom";
function Test() {
  const { pending, data, method, action } = useFormStatus();
  // console.log(method); // 居然是个get
  // console.log(action); // 自定义的action代码,即下面的formAction定义
  return (
    <>
      <button type="submit" disabled={pending}>
        {pending ? "Submitting..." : "Submit"}
      </button>
      <p>{data ? `请求 ${data?.get("name")}...` : ""}</p>
    </>
  );
}
async function formAction(formdata) {
  const name = formdata.get("name");
  if (!name) {
    return;
  }
  await new Promise((resolve) => setTimeout(resolve, 10000));
  return {ok:true};
}
export default function App() {
  return (
    <>
      <form action={formAction}>
        <input type="text" name="name" />
        <Test />
      </form>
    </>
  );
}

react-dom-client.development.js:16965 Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden.