重新启动应用后,购物车中的商品未显示在购物车中

问题描述

购物车应用重新启动后,购物车中没有显示商品。我认为这归因于空数组cartItems。

         import {AsyncStorage} from 'react-native'
        const cartItems = [] // 
         AsyncStorage.getItem("cartItems").then(res=>
           res!=null?res:[])
           
         const initState = { cart: { items: cartItems } };
        const composeEnhancer = window.__Redux_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
       const store = createStore(
           rootReducers,initState,composeEnhancer(applyMiddleware(thunk))
         );
         export default store;

解决方法

似乎this.props.cartItemsundefined,这就是为什么当您尝试在它们上使用Array.prototype.slice时会失败的原因。

问题似乎起源于mapStateToProps,您引用的是state.cart.items,但是在您的化简器中,结构似乎是state.items

这应该可以工作:

const mapStateToProps = (state) => ({
  products: state.products.filteredItems,cartItems: state.items,});