수량증가에 따라 가격합산

[남지윤]

안녕하세요 선생님

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값이 계속 변동되서 계산이 잘안되는것같습니다 도와주세요..ㅜㅜ

[codingapple]

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

[남지윤]

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

[codingapple]

수량옆에 저장해둡시다

[남지윤]

선생님 그럼 ..
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>

[codingapple]

상품수량 변경할 때 가격은 따로 건드릴 필요는 없어보입니다
계산은 가격보여주는 html에서 그냥 가격 * 수량 하면 될듯요

[글쓴이]

글