Event (React)

React Event Action

• onClick
• es6 system onClick={(e) => this.makeOlder(15)} you pass parameter
• react system onclick = {this.makeOlder.bind(this)} not accept parameter

class change system

constructor(props) { super(props); this.state = { age: props.users.age, btn: "is-danger" } } makeOlder() { this.setState((prevState, props) => ({ age: prevState.age + 2, btn: "is-info is-loading" })); } 

• • className={"button" + " " + this.state.btn}
• https://appendto.com/2017/01/react-events-101/
• https://medium.com/@machnicki/handle-events-in-react-with-arrow-functions-ede88184bbb