React DOM Hooks מובנים

החבילה react-dom כוללת Hooks שנתמכים רק באפליקציות ווב (שרצות בסביבת DOM של הדפדפן). Hooks אלה לא נתמכים בסביבות שאינן דפדפן, כמו אפליקציות iOS, Android או Windows. אם אתם מחפשים Hooks שנתמכים גם בדפדפנים וגם בסביבות נוספות, ראו את עמוד React Hooks. העמוד הזה מציג את כל ה-Hooks בחבילת react-dom.

Form Hooks

Canary

Form Hooks זמינים כרגע רק בערוצי canary ו-experimental של React. מידע נוסף ב-ערוצי השחרור של React.

Forms מאפשרים ליצור רכיבים אינטראקטיביים לשליחת מידע. כדי לנהל טפסים בתוך הקומפוננטות, השתמשו באחד מה-Hooks הבאים:

useFormStatus מאפשר לבצע עדכוני UI לפי הסטטוס של טופס.
useFormState מאפשר לנהל state בתוך טופס.

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">
      Submit
    </button>
  );
}

NextuseFormState