Can not update value of state

[nelsonfrank]

I was trying to call this.state.name on the function handleChange then try to call the function on Button OnClick event

state = {
     name: "Leo"
}
handleChange(){
      this.state.name;
}
render(){
    return(
        <button onClick={handleChange}> Click Me</button>
    );
}

[karimkawambwa]

@Nelsonfrank you will have to bind the context to that function.

So:

<button onClick={handleChange.bind(this)}> Click Me</button>

You can arrow this by using the // ES6 arrow function to capture this context:

handleChange = () => {...}