Belajar State di ReactJS

Postingan sebelumnya yang mencatat tentang component pada ReactJS berada dihalaman berikut ini https://undebugable.blogspot.com/2019/06/react-component-dan-import-component.html

Dan pada postingan sebelumnya lagi mencatat tentang element pada ReactJS berada dihalaman berikut ini https://undebugable.blogspot.com/2019/06/react-element-hello-world.html.

Pada postingan kali ini akan mencatat tentang apa dan bagaimana State pada ReactJS itu digunakan.


Buka project yang sudah dibuat sebelumnya disini. 

Contoh Penggunaan Keyword this

this.state.bikes

Contoh Constructor React Javascript

Contoh constructor.

Contoh Penggunaan State

class App extends Component {

constructor(props) {

super(props);

this.state = {bikes: 0}

}

// dipanggil otomatis saat component dimount

componentDidMount() {

this.timerID = setInterval(

() => this.tick(),

1000

);

}

// dipanggil otomatis saat component diunmount (lifecycle)

componentWillUnmount() {

clearInterval(this.timerID);

}

// dipanggil componentDidMount (lifecycle)

tick() {

this.setState({

bikes: this.state.bikes + 1

});

}

render() {

return (

<div className="App">

<Intro messages="Hai kawan lagi apa" person="Jonima" />

Jumlah sepedamu adalah: {this.state.bikes}

</div>

);

}

}

Hasil di browser.

Sumber
https://www.tutorialspoint.com/reactjs/reactjs_state.htm
https://reactjs.org/docs/state-and-lifecycle.html
https://www.udemy.com/react-fundamentals/learn/lecture/8895858#overview