React native 反应本机购物车-无法将数据传递到购物车屏幕
当用户单击“添加到购物车”按钮时,我正在使用redux更新购物车。当I console.log发送数据时,未接收到我正在发送的数据,而是接收到不同的未知值数组。下面是我的调度功能React native 反应本机购物车-无法将数据传递到购物车屏幕,react-native,redux,shopping-cart,React Native,Redux,Shopping Cart,当用户单击“添加到购物车”按钮时,我正在使用redux更新购物车。当I console.log发送数据时,未接收到我正在发送的数据,而是接收到不同的未知值数组。下面是我的调度功能 const mapDispatchToProps = (dispatch) =>{ return { addItemsToCart:(name) =>dispatch({type:'ADD_TO_CART',payload:name}) } } 这是处理调度的按钮。它更新购物车图标的计数,
const mapDispatchToProps = (dispatch) =>{
return {
addItemsToCart:(name) =>dispatch({type:'ADD_TO_CART',payload:name})
}
}
这是处理调度的按钮。它更新购物车图标的计数,但无法将数据传递到购物车屏幕
<Button icon="cart" mode="contained" onPress={(name) =>this.props.addItemsToCart(name)} style={styles.btn}>
this.props.addItemsToCart(name)}style={styles.btn}>
有些信息不足,但我假设您也缺少一个API请求,该请求会将产品放入您的购物车中
您只使用redux更新本地状态,这就是为什么您的应用程序“知道”购物车中新的商品数量。但您还需要告诉后端添加了新项目
我很确定,当你进入购物车时,它从后端获取数据,而不是从redux获取数据。考虑到你有一些单元格或视图的UI,如下所示
const renderCell = ({item}) => {
const {name} = item;
return (
//Your Item UI
<Button icon="cart" mode="contained" onPress={() =>this.props.addItemsToCart(name)} style={styles.btn}>
)
}
const renderCell=({item})=>{
常量{name}=项;
返回(
//您的项目用户界面
this.props.addItemsToCart(name)}style={styles.btn}>
)
}
考虑到你的物品有名字,你可以像我提到的那样访问。如果您仍然有问题,请发布包含按钮的整个代码。ButtonOnPress事件本身不会返回任何名称。你需要在媒体上写下你自己的名字,从当前的上下文中得到这个名字。第一天使用redux,完全困惑。我已经贴出了一个答案,请你告诉我要更改什么,看看是否有帮助。否则,请发布您的完整代码,以了解我们如何提供帮助:)当前数据位于本地状态。我将在稍后阶段添加api,首先计划完成react本机应用程序部分。在过去2小时中,我一直在摆弄道具,您的回答在一分钟内就完成了。谢谢。还有一件事,当我刷新应用程序时,购物车状态会丢失。在真实的应用程序中,如何跟踪此状态。目前,所有内容都是本地的,但稍后我将使用API获取产品的数据。