Cara Mengubah State Pada React

Pada artikel sebelumnya kita sudah membahas mengenai State dan Props, kali ini kita akan membahas bagaimana cara merubah State untuk manipulasi DOM. Untuk merubah nilai dari State, menggunakan fungsi setState(). Yuk kita coba!

Masih pada latihan kemarin (http://www.dumetschool.com/blog/Mengenal-State-Dan-Props-Pada-React), di bawah method getInitialState, buat method handleClick, dan di dalamnya panggil fungsi setState(). Seperti ini:

handleClick: function() {
   this.setState({
       person: 'Luna'
   })
}
 
Kemudian tambahkan tag button dengan atribut onClick=panggil method handleClick.
 
<button onClick={this.handleClick}>Click Me</button>
 
Perhatikan gambar berikut ini.
 
 
Sekarang kita jalankan pada browser. Klik tombol "Click Me" dan lihat apa yang terjadi.
 
9 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat