Apa perbedaan antarane input sing dikontrol lan input sing ora dikontrol?

Question

Accepted Answer

Iki mau babagan **sapa sing dadi sumber kabenaran kanggo nilai input** — React state, utawa DOM dhewe. ## Input Dikontrol (React duwe nilai) Nilai `value` ing input didorong dening state, lan `onChange` njaga state tetep sinkron. DOM tansah nggambarake React: ```jsx const [name, setName] = useState(""); setName(e.target.value)} // every keystroke updates state /> ``` Karena state dadi sumber kabenaran, sampeyan bisa validasi, format, utawa transformasi ing saben keystroke (contohe: paksa huruf gedhe, wateske dawa, inaktipake tombol submit). ## Input Sing Ora Dikontrol (DOM duwe nilai) Browser njaga nilai; sampeyan mbaca iku mung nalika perlu via ref: ```jsx const inputRef = useRef(null); ; // on submit: const value = inputRef.current.value; ``` ## Kapan nggunakake sing mana - **Dikontrol**: sebagian besar forms — sampeyan entuk validasi, UI conditional, lan siji sumber kabenaran. Bosane yaiku re-render per keystroke (umume ora penting). - **Ora dikontrol**: forms sederhana, file inputs (`` tansah ora dikontrol), utawa integrasi widgets non-React. Kode sing luwih sadhela, nanging sampeyan ora bisa makabali menyang owah-owahan nalika dumadi. Mampur (ngirim `value` lan `defaultValue`) minangka kesalahan umum lan nggawakake peringatan React.