X'inhu d-differenza bejn inputs ikkontrollati u inputs mhux ikkontrollati?

Question

Accepted Answer

Dan idur fuq **min huwa s-sors tal-verità għall-valur tal-input** — React state, jew id-DOM innifsu. ## Ikkontrollat (React jippossiedi l-valur) Il-`value` tal-input huwa mmexxa minn state, u `onChange` iżomm is-state f'sync. Id-DOM dejjem tirrifletti React: ```jsx const [name, setName] = useState(""); setName(e.target.value)} // every keystroke updates state /> ``` Billi s-state huwa s-sors tal-verità, tista' tavalidja, taformat, jew itittrasforma fuq kull pressjoni tac-ċavetta (es. iffurzaha uppercase, ħaddu l-hul, iddesattiva l-buttuna submit). ## Mhux Ikkontrollat (id-DOM jippossiedi l-valur) Il-browser iżomm il-valur; inti taqrugħuha biss meta meħtieġa permezz ta' ref: ```jsx const inputRef = useRef(null); ; // on submit: const value = inputRef.current.value; ``` ## Meta tuża liema - **Ikkontrollat**: ħafna formulli — ikollok validazzjoni, UI kondizzjonali, u sors wieħed ta' verità. L-iswvantaġġ huwa render jerġa' fuq kull pressjoni tac-ċavetta (ġeneralment negliġibbli). - **Mhux Ikkontrollat**: formulli sempliċi, inputs tal-fajl (`` huwa dejjem mhux ikkontrollat), jew l-integrazzjoni ta' widgets mhux-React. Kod inqas, iżda int ma tistax tirreaġixi għal bidliet tul il-ħin li jseħħu. L-imħallta tagħhom (li tgħaddi kemm `value` kif ukoll `defaultValue`) huwa żball komuni u jittiggera avviz React.