Vous devez passer un composant de la fonction renvoyée par connect. Au lieu de cela reçu undefined

Le code ci-dessous donne

Erreur non interceptée: Vous devez passer un composant à la fonction renvoyée par connect. Au lieu de cela reçu undefined

List.js

import React from 'react';
import { connect, bindActionCreators } from 'react-redux';
import PostList from '../components/PostList'; //Component I wish to wrap with actions and state
import postList from '../Actions/PostList' //Action Creator defined by me

const mapStateToProps = (state, ownProps) => {
    return state.postsList
}

const mapDispatchToProps = (dispatch) => {
    return bindActionCreators({"postsList":postList},dispatch)
}

export default connect(mapStateToProps, mapDispatchToProps)(PostList);

PostList.js

import React from 'react'

export const PostList = (props) => {
    return <div>List</div>
}

Merci de m'aider avec une solution?

vérifier Postlist importation
Il n'y a pas de problème avec PostList importation
Êtes-vous sûr que vous n'avez pas à exporter par défaut ou importer {PostList} '../composants/PostList';
oui. Suis assez sûr que l'exportation de cette manière est assez pour importer n'importe où ailleurs
Vous n'êtes pas par défaut de l'exportation PostList, de sorte que vous aurez à importer en tant que import {PostList} from '../components/PostList'; (Avec des accolades). Lire ce répondre pour plus d'info:

OriginalL'auteur Ram Kumar Parthiban | 2017-02-19

17

Vous faites import PostList from '../components/PostList'; si vous avez besoin d'utiliser export default dans votre PostList.js fichier.

Sinon, vous devez faire import { PostList } from '../components/PostList';.

À quiconque est intéressé, voici un bel article sur l'es6 importation/exportation de syntaxe: http://www.2ality.com/2014/09/es6-modules-final.html

Dans mon cas, j'avais copié le code à partir d'un autre composant, et tout a changé, sauf le nom de la propTypes déclaration

OriginalL'auteur Canastro
0

Pas liés à la personne en particulier, mais si vous êtes confronté à cette erreur, il vaut la peine de vérifier si vous disposez de la fonction connect() syntaxe droite:
```
const PreloadConnect = connect(mapStateToProps, {})(Preload);

export default PreloadConnect;
```
Noter que Précontrainte, est passé comme une IIFE paramètre.

OriginalL'auteur Lucas Bustamante

Vous devez vous connecter pour publier un commentaire.