• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 수량증가에 따라 가격합산

수량증가에 따라 가격합산

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #105462

    남지윤
    참가자
    안녕하세요 선생님
    
    cart.js
    <button onClick={()=> {
          dispatch(increaseCount({ id: product[i].id, price: product[i].price}))
    }}>+</button>
    
    이렇게 리덕스로 id와 price를 보냈습니다.
    
    store.js
    
    increaseCount(state, action) {
           let a = action.payload;
           let b = state.findIndex(product => product.id === a.id);
           console.log(action.payload);
             
           if (b !== -1) {
                let currentPrice = state[b].price;
                state[b].count += 1;
                state[b].price = currentPrice * state[b].count;
             }
             
          },
    계속 해보다가 지금 코드는 이렇구요ㅠ
    수량이 증가함에따라 가격도 같이 원래 본가격을 더하는식으로 만들려고 했는데
     console.log(action.payload); 이걸 찍어서 출력해보면 {id: 2, price: 70000} 이렇게 잘 나옵니다.
    근데 + 버튼을 누르면 {id: 2, price: 140000}로 바뀌고 또 누르면 {id: 2, price: 280000} 14 + 7 인 21이 나와야하는데 14 + 14로
    price값이 계속 상태업데이트가 됩니다.. 고유의 상품값을 따로 변수에 담아보고 return값으로 상태변경후 다시 돌려주기도 해봤는데
    계속 버튼을 누를때마다 price값이 계속 변동되서 계산이 잘안되는것같습니다 도와주세요..ㅜㅜ
    
    
    #105464

    codingapple
    키 마스터
    state[b].price / state[b].count 하면 1개 가격이 나올텐데 거기다가 뭘 곱해서 넣어야할듯요
    근데 원본가격만 저장해두고 html에서 수량가격 곱해서 보여주는게 나을듯요
    #105472

    남지윤
    참가자
    감사합니다 선생님 근데 원본 가격은 어디다가 저장해둬야하는걸까요..? 이부분이 제일 헷갈려서요 ㅠ
    #105489

    codingapple
    키 마스터
    수량옆에 저장해둡시다
    #105500

    남지윤
    참가자
    선생님 그럼 ..
    increaseCount(state, action) {
             let a = action.payload;
             let b = state.findIndex(product => product.id === a.id);
             
             
             if (b !== -1) {
                let currentPrice = a.price; //이게 원본가격 저장
                state[b].count += 1;
             }
             
          }, 이런식으로 저장을하고
    
    <button onClick={()=> {
             dispatch(increaseCount({ id: product[i].id, price: product[i].price}))
             // 여기서 계산을 하라는 말씀이실까요..?                         
       }}>+</button>
    #105512

    codingapple
    키 마스터
    상품수량 변경할 때 가격은 따로 건드릴 필요는 없어보입니다
    계산은 가격보여주는 html에서 그냥 가격 * 수량 하면 될듯요
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠