[TIL] G9 클론코딩중....

• G9 페이지 클론코딩중,,,
  1. 로그인 페이지
  2. 회원가입 페이지
  3. 장바구니 페이지

👩‍🔧 장바구니 리스트 안에 있는 -, + 수량 조절하는 버튼 누르면 조작되는 기능 !

handleMinus = (el) => {
        const cartItem = [...this.state.cartItem];
        let idx = cartItem.indexOf(el);
  	//클릭했을 때의 index값을 찾는다.
        if (cartItem[idx].count > 1){
        cartItem[idx].count--;
       // 클릭했을 때의 index값을 찾아서, count키 값에 접근해서 1을 마이너스 해준다.
        this.setState({cartItem});
       // setState 해준다.
       }
    }

후에, 걸어줄 컴퍼넌트로 내려준다.

<CartList onMinus={this.handleMinus}>

<td className='minus' onClick={() => this.props.onMinus(el)}>-</td>

컴퍼넌트에서 가져오면 끝 !
플러스버튼도 똑같이 하면 됨 !