Outils pour utilisateurs

Outils du site


dev:reactdiver

Ceci est une ancienne révision du document !


Appel fonction sur bouton

handleclick() {console.log("kjhdfskhsd");}
<button onClick={this.handleclick}>Cliquez moi</button>

THIS

avec BIND

chandleclick() { console.log("this.state");  }
<button onClick={this.handleclick.bind(this)}>Cliquez moi</button>

avec zero fonction (plug de babel)

chandleclick() { console.log("this.state");  }
<button onClick={ () => this.handleclick()}>Cliquez moi</button>

avec fonction fléchée (plug de babel)

 chandleclick = () => { console.log(this.state);}

 <button onClick={this.handleclick}>Cliquez moi</button>
      

SETSTATE

 chandleclick = () => {
  this.setState({compteur: this.state.compteur+1});
  console.log(this.state);
 }
    
dev/reactdiver.1640697429.txt.gz · Dernière modification : 2021/12/28 13:17 de sbestel