购物车
购物车的内容在App.tsx中dispatch来获取，这样后面在任何页面就可以直接获取reducer中的数据了
购物车数据以及获取数据都保存在<font color="#f70505">redux-tooltik</font>中<br>动作（获取购物车数据、添加购物车、清空购物车、购物车页面点击下单支付都在同一个silce中）<br>数据：const initialState: shopingCartState = {<br> loading: false,<br> items: [], //购物车内容<br> error: false,<br>}
UI：左边是购物车里的内容，利用组件<SearchProductList/>来显示，<br>右边是价格显示，利用组件<PaymentCard/>来显示。
逻辑：点击清空购物车分发clearShoppingCar()的action<br>点击下单支付跳转到nav('/placeorder')，同时分发一个action：<br>dispatch(checkout(jwt))，这个action分发完之后同时改变了最后订单的currentOrder的数据
注销
登陆成功之后，在首页Header中点击注销按钮，需要清空jwt（token），是全局的都需要清空，不止是Header中的，<br>所以逻辑是直接清空user/slice.ts中的jwt。故在此slice中再添加一个action，点击注销后就dispatch这个action
