[REACTJS] 모달에 소품을 전달하는 방법

모달에 소품을 전달하는 방법

해결법

1. ---

   1.나는 최근에 유사한 시나리오에 직면했다. 나는 많은 조동사를 추적했다대로 나는 REDUX / 글로벌 상태를 사용하여 관리. 로컬 상태와 비슷한 방법

   나는 최근에 유사한 시나리오에 직면했다. 나는 많은 조동사를 추적했다대로 나는 REDUX / 글로벌 상태를 사용하여 관리. 로컬 상태와 비슷한 방법

   //****************************************************************************/
   
   constructor(props) {
   
       super(props)
   
   
       this.state = {
         isModalOpen: false,
         modalProduct: undefined,
       }
   }
   
   //****************************************************************************/
   
   render() {
   
       return (
           <h4> Bag </h4>
           {this.state.isModalOpen & (
             <Modal 
               modalProduct={this.state.modalProduct}
               closeModal={() => this.setState({ isModalOpen: false, modalProduct: undefined})
               deleteProduct={ ... }
             />
           )
   
           {bag.products.map((product, index) => (
           <div key={index}>
               <div>{product.name}</div>
               <div>£{product.price}</div>
               <div>
               <span> Quantity:{product.quantity} </span>
               <button onClick={() => this.props.incrementQuantity(product, product.quantity += 1)}> + </button>
               <button onClick={() => this.decrementQuantity(product)}> - </button> // <----
               </div>
           </div>
           ))}
       )
   }
   
   //****************************************************************************/
   
   decrementQuantity(product) {
   
       if(product.quantity === 1) {
           this.setState({ isModalOpen: true, modalProduct: product })
       } else {
           this.props.decrementQuantity(product)
       }
   }
   

from https://stackoverflow.com/questions/53866458/how-to-pass-props-to-a-modal by cc-by-sa and MIT license