React学习笔记（六）事件处理

//事件处理
class Toggle extends React.Component{
constructor(props){
super(props);
this.state = {isToggleOn:true};
this.handleClick = this.handleClick.bind(this)
}
handleClick(){
this.setState(prevState => ({
isToggleOn: !prevState.isToggleOn
}))
}
render(){
return(
<button onClick={this.handleClick}>
{this.state.isToggleOn ? 'on':'off'}
</button>
)
}
}
ReactDOM.render(
<Toggle/>,
document.getElementById('button')
)