Как добавить c помощью id по нажатию на кнопку нужный объект из массива
 

Помогите понять пожалуйста! Вывел на экран в react товар и под каждым товаром кнопку "добавить в корзину", но добавляется по два сразу, а нужно, чтобы под каким товаром нажали, тот и добавился

<script>


let stateMarket = {
products: [
{id:1, product: 'Rake'},
{id: 2, product: 'Pitchfork'}
],

cart: []

};

const addInCart = (object) => {

for(let i=0; i<products.length;i++) {
cart.push(props.products[i])
}
};

debugger
let elementMarket =products.map(e =>{return <div>

<h2><li>{e.product}</li></h2>

<button onClick={addInCart}>Added to Card</button>
</script>

Marson,
... возможно так

let stateMarket = {
products: [
{id:1, product: 'Rake'},
{id: 2, product: 'Pitchfork'}
],

cart: []

 };

const addInCart = (i) => {
cart.push(props.products[i])

};

 debugger
let elementMarket =products.map((e,i) =>{return <div>

<h2><li>{e.product}</li></h2>

<button onClick={addInCart(i)}>Added to Card</button>