Kevin Powell - CommunityKP-C
Kevin Powell - Communityβ€’17mo agoβ€’
3 replies
vic

increment, decrement multiple elements of an elements in reactjs

So I have 10 divs rendered through map function but I want to increment/decrement the respective element value and display on a element
Code : 

let arr= ["item1","item2","item3"...,"item10"]
const [quantity, setQuantity]=useState(0)

function Increment (){ 
setQuantity (quantity+1)
}

function Decrement (){ 
setQuantity (quantity-1)
}

{
arr.map((key,val)=>{
return  <div key={key} 
<p> {val} </p> 
<button onClick={Increament}> Increment </button>
<p> {quantity} </p>
<buttononClick={Decreament}> Decrement </button>

</div> 
}
)}
Was this page helpful?