reackhook1 React 상태관리 제대로 해보기 (useState ↔ Redux) Hook - useState 우선 useState로 최상위 컴포넌트에서 장바구니에 담은 아이템들을 관리하고 있으며 장바구니에서 담긴 아이템은 삭제하거나 수량을 변경하면 최상위 컴포넌트에 있는 장바구니 상태인 cartItems가 변경되며 상품리스트에 있는 새 아이템들을 장바구니에 담으면 기존 장바구니에 있는 itemId가 존재하는, 담겨있던 상품이라면 갯수만 추가해주고 담겨 있지 않던 상품이라면 아이템을 새롭게 추가하게 된다. 최상위 컴포넌트 App function App() { const [items, setItems] = useState(initialState.items); //판매중인 itemList const [cartItems, setCartItems] = useState(initialState... 2022. 4. 19. 이전 1 다음