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 :

fonction map avec react


Sujet :

React

  1. #1
    Membre à l'essai
    Femme Profil pro
    Étudiant
    Inscrit en
    octobre 2016
    Messages
    15
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : octobre 2016
    Messages : 15
    Points : 16
    Points
    16
    Par défaut fonction map avec react
    Bonjour,
    Je veux récupérer un objet des articles après une clique dans une fonction map, je pense que ça n'est pas logique et je veux chercher une autre moyen si vous avez.
    Voici mon code avec mdbreact
    Code javascript : 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
     
     
        constructor(props) {
            super(props);
            this.state = { profil: [] };
     
        }
        achat = (x)=> {
            console.log('objet === ', x');
        }
        render() {
            return (
                    <div>
                {
                    (this.state.profil.length > 0) ? (this.state.profil.map((obj) => {
     
                        return (
                            <MDBCol  id='colonne'className='col-md-4'>
                                <MDBCard  id='carte' key={obj._id}>
                                    <MDBCardBody cascade>
                                        <MDBCardTitle>{obj.nom}</MDBCardTitle>
                                        <MDBCardText>{obj.prix}</MDBCardText>
                                        <MDBBtn onClick={this.achat(obj)} >
                                            Acheter
                                        </MDBBtn>
                                    </MDBCardBody>
                                </MDBCard>
                            </MDBCol>)
     
                    })) : ('')
                }
                </div>
            );
        }


    Mais quant j’exécute le projet, il affiche tous les objets.
    NB: tous les objets sont des données dans une base de donnée,
    S'il vous plait aide-moi

  2. #2
    Modérateur
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    août 2005
    Messages
    4 201
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : août 2005
    Messages : 4 201
    Points : 17 294
    Points
    17 294
    Par défaut
    La fonction map s'exécute sur une liste (une array), elle retourne une liste structurellement identique et permet seulement de changer le contenu de chaque élément de la liste.

    Donc si t'as une liste de 4 objets d'un type A, tu auras en sortie une liste de 4 objets d'un type B.

    Pour extraire l’élément que tu veux d'une liste il tu peux regarder du côté de filter. Il y a encore d'autres manières de faire.

    Par contre écrire de la logique dans ta fonction render c'est vraiment pas l'idée du siècle.
    "Toute personne croyant qu'une croissance exponentielle peut durer indéfiniment dans un monde fini est soit un fou, soit un économiste."
    Kenneth E. Boulding

    "Les richesses naturelles sont inépuisables, car, sans cela, nous ne les obtiendrions pas gratuitement. Ne pouvant être ni multipliées ni épuisées, elles ne sont pas l’objet des sciences économiques."
    Jean-Baptiste Say, Traité d'économie politique, 1803.

    "/home/earth is 102% full ... please delete anyone you can."
    Inconnu

Discussions similaires

  1. Jquery / fonction map avec un tableau d'objets
    Par vince29 dans le forum jQuery
    Réponses: 5
    Dernier message: 14/04/2016, 11h55
  2. Fonction jQuery avec un map area
    Par Bionature dans le forum jQuery
    Réponses: 1
    Dernier message: 27/11/2010, 23h32
  3. [MySQL] fonction google map avec PHP
    Par hraiwen dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 24/06/2009, 14h32
  4. Explication de code avec la fonction map
    Par mlny84 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 31/10/2007, 13h59
  5. Problème de fonction "const" avec une std::map
    Par Clad3 dans le forum SL & STL
    Réponses: 3
    Dernier message: 02/01/2007, 12h38

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