react绑定this的三种方式
第一种:
class App extends Component {
constructor(props){
super(props);
this.state = {
show:true
}
this.showFun = this.showFun.bind(this)
}
showFun(){
this.setState({
show:!this.state.show
})
}
render() {
return (
<div>
{this.state.show ? 'show' : 'hide'}
<button onClick={this.showFun}>click</button>
</div>
);
}
}
第二种:
class App extends Component {
constructor(props){
super(props);
this.state = {
show:true
}
}
showFun(){
this.setState({
show:!this.state.show
})
}
render() {
return (
<div>
{this.state.show ? 'show' : 'hide'}
<button onClick={this.showFun.bind(this)}>click</button>
</div>
);
}
}
第三种:
class App extends Component {
constructor(props){
super(props);
this.state = {
show:true
}
}
showFun = ()=>{
this.setState({
show:!this.state.show
})
}
render() {
return (
<div>
{this.state.show ? 'show' : 'hide'}
<button onClick={this.showFun}>click</button>
</div>
);
}
}
欢迎关注小程序,感谢您的支持!