Kuna tofauti gani kati ya pembejeo zilizodhibitishwa na zilizo na kudhibiti?

Question

Accepted Answer

Inakuja kwa **nani anayekuwa chanzo cha ukweli kwa thamani ya pembejeo** — React state au DOM yenyewe. ## Kwa nini inastahili kulipwa ### Zilizodhibitishwa (React inamiliki thamani) Thamani ya `value` ya pembejeo inaendesha state, na `onChange` inabaki state katika kuunganishwa. DOM kila wakati inaakisi React: ```jsx const [name, setName] = useState(""); setName(e.target.value)} // every keystroke updates state /> ``` Kwa sababu state ni chanzo cha ukweli, unaweza kutathmini, kuandika au kugeeza kila kubusu (k.m. kulazimisha herufi kubwa, kuingiliana urefu, kuweza kumzuia kitufe cha kuajiri). ### Zilizo na kudhibiti (DOM inamiliki thamani) Kutafakari zinasara thamani; unasoma tu tunapolipwa kupitia ref: ```jsx const inputRef = useRef(null); ; // on submit: const value = inputRef.current.value; ``` ## Wakati wa kutumia kipi - **Zilizodhibitishwa**: fomu nyingi — unapata kutathmini, UI ya kawaida, na chanzo kimoja cha ukweli. Tatizo ni mchoro mmoja kwa kubusu (kawaida si muhimu). - **Zilizo na kudhibiti**: fomu rahisi, pembejeo za faili (`` kila wakati haiswi kufumbatia), au kuunganisha vigao vya zisizo-React. Nambari kidogo, lakini huwezi kukamatia mabadiliko kadri yanavyotokea. Kuchanganya (kutuma zote `value` na `defaultValue`) ni kosa linalofahamika na hutoleza onyo la React.