antd table에서 pagination시 rowSelection값 유지하기1 [React] antd table에서 pagination시 rowSelection값 유지하기 개요antd table에서 pagination(페이지 이동)으로 인해 새 데이터셋을 뿌려주게 되면 이전 페이지에서 선택한 rowSelection 배열 값이 초기화된다. 유지하는 법에 대해 알아보자문제점1. 이전 페이지로 돌아갔을 때 선택한 idx정보를 얻을 수 없다.2. 체크 후 제출할 때 현재 페이지에 체크된 정보만 전달되게 된다. 해결책1. 전체 체크된 idx 정보를 저장할 map자료구조를 선언한다.2. 체크 이벤트 때마다 한 페이지의 체크된 리스트를 selectedRowKeys 파라미터로 받아와서 배열에 오버라이팅 한다.3. 체크 이벤트 때마다 2번의 배열을 1번의 배열에 오버라이팅 한다.4. 체크 후 제출할 때나 테이블의 checked UI를 보여줄 때 1번의 배열을 사용한다. 1번의 배열은 전체.. React 2021. 6. 1. 더보기 ›› 이전 1 다음
