dengan useState pada sebelumnya kita bisa render/ubah value pada tampilan UI secara real time.

namun berbeda dengan useRef dia adalah React Hook dan tidak merubah tampilan UI secara real time. ketika value useRef diubah

di sini kita coba ganti useState menggunakan useRef. secara background service sama saja, sama2 OnChange atau sama2 dapat merubah value real time. Tapi useRef tidak dapat merender tampilan UI secara real time seperti yang kita lakukan dengan useState

Untitled

di sini kita tidak perlu menggunakan onChange, cukup ref={taskRef}

Untitled

UseState

kita bisa render UI secara realtime lihat pada “.. has .. length”

Untitled

UseRef

tidak bisa render UI, tapi secara backend dia sama seperti OnChange pada tag <input>

Untitled