장바구니 기능 개발 질문

[이하은]

어찌저찌 체크박스 전체 선택 기능까지 넣었는데요
장바구니에서 선택한 상품의 가격을 가져오고 싶은데 도무지 감이 안 잡혀서 힌트를 얻을 수 있을까요

input의 value값에 장바구니 데이터를 넣어서 출력해보려 했는데 이것도 가능한 방법인지
아니면 다른 접근 방법이 있을까요?

[codingapple]

array로 state같은거 하나 만들어두고 
1. input이 체크가 되면 
2. 체크된게 true일 경우 array에 현재상품번호같은거 추가해두라고 코드짜거나하면 나중에 계산할 수 있을지도요 

[이하은]

정말 계속 해봤는데 아무리 해도 해결을 못 했어요..ㅠㅠ
몇 일 해서 이정도도 못 하는데 계속 공부하는게 맞나 싶기도 하고 허ㅓ허

체크박스 전체선택, 일부선택 때 사용한 코드인데 이거 사용해서 checkedState가 true일 때를 시도해봤어요

const [isAllChecked, setAllChecked] = useState(false);
const [checkedState, setCheckedState] = useState(new Array(state.cart.length).fill(false)); 

    const handleAllCheck = () => {
        setAllChecked((prev) => !prev);
        let array = new Array(state.cart.length).fill(!isAllChecked);
        setCheckedState(array);
      };
      
    const handleMonoCheck = (position) => {
      const updatedCheckedState = checkedState.map((item, index) =>
        index === position ? !item : item
      );
      setCheckedState(updatedCheckedState);
      const checkedLength = updatedCheckedState.reduce((sum, currentState) => {
        if (currentState === true) {
          return sum + 1;
        }
        return sum;
      }, 0);
      setAllChecked(checkedLength === updatedCheckedState.length);
    };

input 태그의 onChange안에서도 함수 만들어보고 이것저것 시도해봤는데 하나도 못 풀고 영 진도를 못 뺐습니다ㅠㅠ

[codingapple]

무엇을 하려는데 어떻게 안됩니까

[이하은]

장바구니에서 선택한 상품의 가격을 가져오고,
선택 상품 삭제 기능을 넣으려 해요

1.input이 true일 때

위 코드에서 checkedState 안에 저장한 true false를 이용해서
배열안에 true인 값들을 
input이 ture일때로 써보려 했어요

2. 우선 선택한 상품 말고 array에 장바구니의 id만 저장해보려 했는데
저장하고 출력해보니 [4,4]같이 id가 모두 같은 값으로 출력됐어요
input에 onChange 에서 
만들어둔 state에 state.cart[i].id 저장을 시도해봤습다

1. input이 true일때가 해결되면
2번은 다시 스스로 시도 해볼게요
2번은 array에 선택한 상품의 상품 번호 추가해두고 
cart state에서 선택상품의 id 와 맞는 걸 찾아 가격을 출력해볼게요

[이하은]

저 선택상품 가격 출력 해결했어요

[codingapple]

같은 id만 저장되면 id를 redux로 보내기 전에 id부터 잘 나오나 출력해봅시다

[글쓴이]

글