반응형 2020/10/071 [react] checkbox 전체선택하게 하기(장바구니 상품삭제 기능) 장바구니 같은 화면을 보면 개별로 체크박스 버튼이 있고 전체를 체크하는 체크박스가 있다.ㅁ 전체를 체크하는 체크박스를 클릭하면 개별 체크박스가 전부 클릭되도록 하려한다. redux, immer를 사용하고 있고, react hook을 이용해 개발을 진행하고 있다. 방법은 다음과 같이 했다. 1. 개별, 전체 선택시 ID를 배열로 저장(변수를 checkItems 함) 2. 삭제 클릭 시 저장되어 있는 ID배열을 이용해 삭제 시도 포인트: 1) 전체선택 시, 현재 보여지고 있는 목록의 ID를 가져와 배열을 담는다 2) 개별 선택을 저장하고 있는 checkItems 안의 내용을 비교하여 값이 있으면 체크박스에 체크되어 있도록 함 reducer에 다음의 데이터를 등록한다 import produce from "im.. 2020. 10. 7. 이전 1 다음 반응형