Réagir JS bascule/ ajout d'une classe sur le vol stationnaire

je suis à l'aide de l'animer.css bibliothèque de Réagir et d'essayer de mettre en place un élément(bouton) de l'impulsion lors de son survol. Essayé de regarder à travers les docs et ici, mais ne peut pas trouver un moyen d'obtenir cette tâche simple. Si quelqu'un l'a ou trouvé une référence serait très apprécié

class App extends Component {

   constructor(props) {
    super(props);

    this.handleHover = this.handleHover.bind(this);
  }

  handleHover(){
    this.setState({
        isHovered: !this.state.isHovered
    });
  }

  render() {
    const btnClass = this.state.isHovered ? "pulse animated" : "";

    return (
      <div>
        <button className={btnClass} onMouseEnter={this.state.handleHover} onMouseLeave={this.state.handleHover}>Test</button>
      </div>
    );
  }
}

export default App;

OriginalL'auteur Fernando B | 2017-06-15

  1. 20

    Vous pouvez utiliser le onMouseEnter et onMouseLeave événements sur le composant et la bascule de la classe en conséquence.

    constructor(){
    super();
    this.state = {
        isHovered: false
    };
    this.handleHover = this.handleHover.bind(this);
}
handleHover(){
    this.setState(prevState => ({
        isHovered: !prevState.isHovered
    }));
}
render(){
    const btnClass = this.state.isHovered ? "pulse animated" : "";
    return <button className={btnClass} onMouseEnter={this.handleHover} onMouseLeave={this.handleHover}></button>
}
    j'ai eu un message d'erreur lorsque je survole TypeError: Cannot read property 'setState' of null Spécifiquement cette ligne > 34 | this.setState({
    Oui, vous aurez besoin de lier cette fonction à votre composant, consulter la documentation pour plus d'info. Mais, fondamentalement, vous pouvez soit le faire this.handleHover = this.handleHover.bind(this) dans le constructeur, ou de changer les accessoires pour onMouseEnter={this.handleHover.bind(this)} et onMouseLeave={this.handleHover.bind(this)}.
    J'ai fait une hypothèse sur votre projet, puisque vous n'avez pas de poste un exemple de code. Si vous publier la totalité du composant, il serait plus facile de l'aider.
    désolé, j'avais ajouté un état à mon constructeur mais ne semble pas encore à le résoudre, j'ai ajouté le code à ma question initiale.
    Il est passé en argument lors de l'fournissant une fonction comme premier argument de this.setState: reactjs.org/docs/react-component.html#setstate

    OriginalL'auteur Chase DeAnda