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:

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