Impossible de lire la propriété 'envoi' undefined'. Réagir

Voici le code que j'utilise. J'obtiens une erreur comme Uncaught TypeError: Cannot read property 'dispatch' of undefined. Je tiens également à dispatch une action.

import { connect } from 'react-redux'
let SearchBar = ({ dispatch }) => {
    let input
    return (
       <div>
           <form>
              <input type="text" placeholder="Search"  />
              <p>
                 <input type="checkbox" />
                 {' '}
                 Free
              </p>                
           </form>
       </div>
   )
}

SearchBar = connect()(SearchBar)
export default SearchBar()

OriginalL'auteur user1637909 | 2017-02-21

  1. 1

    Un couple de choses que je remarque tout de suite avec votre exemple de code:

    Tout d'abord la connect fonction nécessite des paramètres dans la première parenthèse, même si ce paramètre est un null, aussi je ne pense pas que vous avez besoin de les parenthèses sur la ligne d'export. Essayez de remplacer ces deux dernières lignes avec quelque chose comme ceci:

    export default connect(null)(SearchBar);

    voir si cela fait une différence.

    Merci, ça fonctionne maintenant

    OriginalL'auteur Drum

  2. 1

    Vous êtes de droite, en passant, et la récupération de la dispatch de connect. Comme connect sans paramètres sera de retour que le dispatch

    Toutefois, le problème est dans la façon dont vous êtes l'exportation de la composante

    export default SearchBar();

    Vous n'avez pas besoin () après la barre de recherche et une chose de plus. Pour plus de clarté, vous pouvez utiliser un nom différent comme

    var search = connect()(SearchBar)
export default search;

    ou vous pouvez le faire en une seule étape comme

    export default connect()(SearcBar);

    Le plus tard est un raccourci pour la même chose que l'ancien.

    Merci, ça fonctionne maintenant
    Heureux de vous avoir aidé 🙂

    OriginalL'auteur Shubham Khatri

  3. 0

    Nous pouvons ajouter mapStateToProps à l'intérieur de la connecter également.

    const mapStateToProps = state => ({
  uData: state
});

export default connect(mapStateToProps)(App);

    Nous n'avons pas besoin de donner de la valeur null à l'intérieur de la fonction connect().

    Je crois qu'il peut aider certains d'entre vous.

    OriginalL'auteur EDISON J