本案例利用react-redux實現購物車功能，概括有以下步驟：
1、利用veux操作商品的選中狀態
2、全選與取消全選
3、動態reduce計算價格
4、結算取出商品id
演示網址：https://zhangyongwnag.github.io/ShoppingCart_react/build/index.html#/Index
操作演示：
具體步驟：
1、配置
create-react-app 下載腳手架，配置react-router 以及 react-redux
2、製作假數據，vue實現購物車介紹比較完整，這裏就不用mock模擬數據了
3、商品添加一個字段check，代表選中狀態並且初始化return，這裏要注意不能直接修改state的數據，利用Object.assign()淺克隆，利用[…list]複製數據
4、利用react-redux提供的connect方法爲當前props添加store，並利用mapStateToProps綁定goodsList
5、寫靜態頁面，注意圖片的引入方式要用require，普通的路徑引入無效
6、寫好靜態頁面，我們接下來實現點擊商品選中效果
爲單個商品綁定onClick事件，reducer 操作數據
選中單個商品功能完畢，我們添加全選/取消全選以及計算總價功能
首先添加checkAll狀態，根據當前選中數量和總量對比計算，如果相同就是選中，反之亦然，再根據選中商品通過reduce計算價格
手動切換全選/取消全選
下一步，我們添加商品增減功能，注意要阻止冒泡
最後結算，取出商品id和數量
總結：
至此就完成了前端購物車的基本操作
查看源碼：https://github.com/zhangyongwnag/ShoppingCart_react