- 為 config.js 設計 types.js
- App.jsx totalAmount, lineItems state
- ProductItem.jsx
- App.jsx for loop render ProductItem
- App.jsx atAddToCart
addToCart 會有二種行為,
- Cart 已有商品,數量加 1,
- 沒有的話才新增進 Cart
- App.js 當 lineItems 有更動,計算 totalAmount
- Cart.jsx 與 CartLineItem.jsx
- ProductItem
- quantity 的數量要隨購物車數量減少
- 如果賣完,文字換成 Sold out,同時不能點擊
- 購物車數量減少鈕按行為不正確。
- 請實作 Coupon 功能
- 一次只能 apply 一個 coupon