리액트(React), 리덕스(Redux)로 장바구니 추가 기능을 만들어봅시다.

// 컴포넌트 코드 // 임포트, 프롭, 스테이트 이런거 생략 function 장바구니버튼() { return ( { dispatch(addCart({ id : `${item.id}`, name : `$(item.name)`, price : `$(item.price)` })) }}> 장바구니에 담기 ) } 리덕스(Redux)를 사용해서 버튼을 누르면 상품이 장바구니(state)에 추가되는 간단한 기능을 만들고 싶다고 가정해보겠습니다. 상품에 데이터가 많아서 다 가져오기가 좀 리소스 낭비 같으니 필요한 정보인 id, name, price만 가져오겠습니다. let cartItems = createSlice({ name : 'cartItems', initialState : [ {id : 0, name : '무..

원문링크 : 리액트(React), 리덕스(Redux)로 장바구니 추가 기능을 만들어봅시다.