react redux 5

바다캔디·2025년 6월 23일

리액트공부

목록 보기
29/39

redux 5 응용문제

응용1. 표의 행마다 삭제버튼 만들고 그거 누르면 상품이 삭제되게 만들려면?

응용2. 주문하기 버튼 누를 때 이미 상품이 state안에 있으면 추가가 아니라 기존 항목 수량증가만?

2번은 미리함(ai가 해줌).
1번해보기. ai도움없이.
cart.jsx 페이지에서 삭제버튼을 추가. 버튼클릭시 redux에 등록된 userCart state 수정함수 실행. payload로 id값 넣기.

수정함수
deleteItem
findIndex등으로 action.payload로 받아온 id값과 동일한 오브젝트의 순번을 받음.
해당 오브젝트 삭제. filter함수 쓰면될듯.
//삭제할 요소를 제외한 다른 배열 요소들만 필터링하여 반환. 재렌더링.
state.filter((item) => p
action.payload != item.id);

0개의 댓글