Built-in React DOM Hooks

react-dom 包含的 Hook 仅支持 web 应用程序，即在浏览器 DOM 环境中运行的应用程序。这些 Hook 不支持非浏览器环境，如 iOS、Android 或 Windows 应用程序。如果正在寻找在 web 浏览器以及其他环境中支持的 Hook，请参阅 React Hooks 页面。该页面列出了 react-dom 包中的所有 Hook。

Form Hooks

Canary

Form Hooks 目前仅在 React canary 与 experimental 渠道中可用。在此处了解更多关于 React 发布渠道的信息。

Form 允许创建用于提交信息的交互式控件。要在组件中管理表单，请使用以下其中一个 Hook：

useFormStatus 允许根据表单的状态更新用户界面。
useFormState(/reference/react-dom/hooks/useFormState) 允许管理表单内部的状态。

function Form({ action }) {
  async function increment(n) {
    return n + 1;
  }
  const [count, incrementFormAction] = useFormState(increment, 0);
  return (
    <form action={action}>
      <button formAction={incrementFormAction}>Count: {count}</button>
      <Button />
    </form>
  );
}

function Button() {
  const { pending } = useFormStatus();
  return (
    <button disabled={pending} type="submit">
      提交
    </button>
  );
}

下一页useFormState