Menggunakan Refs Pada ReactJS

Refs adalah sebuah metode untuk mendapatkan properti-properti pada sebuah DOM, dengan menggunakan atribut (ref=""). Dalam atribut ref tersebut, kita masukan nama ref dari tag HTML, misalnya ref="textInput" atau ref="email". Sehingga untuk mendapatkan properti dari tag HTML tersebut adalah dengan cara this.refs.textInput atau this.refs.email.

Perlu diketahui bahwa atribut ref ini adalah khusus untuk ReactJS jadi buka atribut murni HTML. Refs lebih sering digunakan untuk menampung masukan dari form.

Contoh:

Membuat ref pada form.

Cara mendapatkan value dari ref.

Berikut adalah contoh lengkap menggunakan refs pada dokument reactjs.

Hasilnya.