Uncontrolled dan Controlled Component di react

Aditia Falacha Arvin
1 min readMar 1, 2022

--

Dalam HTML, memiliki html form element seperti <input>, <textarea>, <select> dan dalam react biasanya kita menghandle value menggunakan react state seperti useState pada react hook, nah element yang di kontrol menggunakan state pada react ini disebut Controlled Component.

Dan ada alternatif selain menggunakan controlled component,
hal ini di sebut Uncontrolled Component, dimana ketika mengambil value dari form element seperti <input> menggunakan ref atau useRef (pada react hook) atau HTML form event onSubmit.

Agar lebih mudah di pahami kita akan buat contoh simple dari keduanya :

Controlled Component example using react hooks (useState)

Uncontrolled Component example using react hooks (useRef)

Uncontrolled Component example using react hooks (NodeSelector)

terkait NodeSelectors ini bisa dibaca lebih lanjut dari link ini.

referensi :

--

--