问题描述
购物车应用重新启动后,购物车中没有显示商品。我认为这归因于空数组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.cartItems
是undefined
,这就是为什么当您尝试在它们上使用Array.prototype.slice
时会失败的原因。
问题似乎起源于mapStateToProps
,您引用的是state.cart.items
,但是在您的化简器中,结构似乎是state.items
。
这应该可以工作:
const mapStateToProps = (state) => ({
products: state.products.filteredItems,cartItems: state.items,});