Here is my display I have a component(Product) that can be clicked. One of its children is also a button. However, when I click it, the Product's function runs. How can I make sure my button executes separately?
<ProductForm>
{
this.state.list.map((obj)=>{
return <Product
onselect={()=>{
this.select(obj.id)
}}
ondlt={()=>{this.dlt(obj.id)}}
key={obj.id}
obj={obj}/>
})
}
</ProductForm>
// Button within this child:
Delete