Помогите понять пожалуйста! Вывел на экран в 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>