장바구니 기능 개발 질문

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

체크박스 전체선택, 일부선택 때 사용한 코드인데 이거 사용해서 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안에서도 함수 만들어보고 이것저것 시도해봤는데 하나도 못 풀고 영 진도를 못 뺐습니다ㅠㅠ

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

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 와 맞는 걸 찾아 가격을 출력해볼게요