Pass item data to a react modal

Question

I have a map that render few items and one of its line is below

 this.setState({\"openDeleteModal\":true)}>Delete

Answer 1

Copying over my answer from How to pass props to a modal

Similar scenario

constructor(props) {

    super(props)


    this.state = {
      isModalOpen: false,
      modalProduct: undefined,
    }
}

//****************************************************************************/

render() {

    return (
        
 Bag 
        {this.state.isModalOpen & (
           this.setState({ isModalOpen: false, modalProduct: undefined})
            deleteProduct={ ... }
          />
        )

        {bag.products.map((product, index) => (
        

            
{product.name}
            
£{product.price}
            

             Quantity:{product.quantity} 
             this.props.incrementQuantity(product, product.quantity += 1)}> + 
             this.decrementQuantity(product)}> -  // <----
            
        
        ))}
    )
}

//****************************************************************************/

decrementQuantity(product) {

    if(product.quantity === 1) {
        this.setState({ isModalOpen: true, modalProduct: product })
    } else {
        this.props.decrementQuantity(product)
    }
}