Discussion :

[yunisu]

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

[Marco46]

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.