Cara Mengubah State Pada React

Website

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.