How can you update the state of a component?

State of a component can be updated using this.setState().

class MyComponent extends React.Component {

constructor() {

super();

this.state = {

name: 'Maxx',

id: '101'

}

}

render()

{

setTimeout(()=>{this.setState({name:'Jaeha', id:'222'})},2000)

return (

 <div>  

<h1>Hello {this.state.name}</h1> 

 <h2>Your Id is {this.state.id}</h2>

 </div>

);

}

}

ReactDOM.render(

<MyComponent/>

, document.getElementById('content')

);