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>
		);
  }
}

欢迎关注小程序，感谢您的支持！