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
    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
    Expert éminent sénior
    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.
    Un problème avec Git ? Essayez la FAQ, sinon posez votre question sur le forum.



    "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