內建 React DOM Hooks

react-dom 套件包含僅支援網頁應用程式（在瀏覽器 DOM 環境中運行）的 Hooks。這些 Hooks 不支援非瀏覽器環境，例如 iOS、Android 或 Windows 應用程式。如果您正在尋找網頁瀏覽器*和其他環境*都支援的 Hooks，請參閱 React Hooks 頁面。此頁面列出 react-dom 套件中的所有 Hooks。

表單 Hooks

「表單」讓您可以建立用於提交資訊的互動式控制項。要管理元件中的表單，請使用以下其中一個 Hooks

useFormStatus 允許您根據表單的狀態更新 UI。

function Form({ action }) {
  async function increment(n) {
    return n + 1;
  }
  const [count, incrementFormAction] = useActionState(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">
      Submit
    </button>
  );
}

下一個useFormStatus