IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

React Discussion :

TypeError: this.props.posts.map is not a function


Sujet :

React

  1. #1
    Membre à l'essai
    Homme Profil pro
    Développeur .NET
    Inscrit en
    février 2018
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : février 2018
    Messages : 11
    Points : 10
    Points
    10
    Par défaut TypeError: this.props.posts.map is not a function
    Salut la communauté,

    j'ai un petit souci que j'arrive pas a le résoudre, vous auriez une solution ?
    Ce code me renvoie l'erreur suivante: TypeError: this.props.posts.map is not a function

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
     
    import React from 'react';
    import { connect } from 'react-redux';
    import { fetchPostsAndUsers } from '../actions';
    import UserHeader from './UserHeader';
     
    class PostList extends React.Component{
        componentDidMount () {
            this.props.fetchPostsAndUsers();
        }
     
        renderList () {
            return this.props.posts.map (post => {
                return (
                    <div className="item" key={post.id}>
                        <i className="large middle aligned icon user"/>
                        <div className="content">
                            <div className="description">
                                <h2>{post.title}</h2>
                                <p>{post.body}</p>
                            </div>
                            <UserHeader userId={post.userId}/>
                        </div>
                    </div>
                );
            });
        }
     
        render() {
            return <div className="ui relaxed divided list">{this.renderList()}</div>;
        }
    }
     
    const mapStateToProps = (state) => {
        return {posts: state.posts}; 
    };
     
    export default connect(
        mapStateToProps,
        {fetchPostsAndUsers}
    )(PostList);

  2. #2
    Membre à l'essai
    Homme Profil pro
    Développeur .NET
    Inscrit en
    février 2018
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : février 2018
    Messages : 11
    Points : 10
    Points
    10
    Par défaut
    J'ai résolu le problème ca venait de mon reduceur qui etait par default.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. TypeError: this.props.location.state is undefined
    Par Solarom dans le forum React
    Réponses: 1
    Dernier message: 08/10/2020, 09h42
  2. TypeError: this.getViewer is not a function
    Par saxrub dans le forum IGN API Géoportail
    Réponses: 2
    Dernier message: 29/09/2015, 07h14
  3. Réponses: 12
    Dernier message: 02/06/2015, 17h08
  4. [OpenLayers] étendre de la class Map donne l'erreur this.registerEvents is not a function dans Firebug
    Par lermit dans le forum SIG : Système d'information Géographique
    Réponses: 0
    Dernier message: 09/08/2010, 15h48
  5. Mapping qname not fond for the package: org.apache.axis2.saaj
    Par dino ortolani dans le forum Services Web
    Réponses: 0
    Dernier message: 11/05/2009, 15h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo