React native 反应本机购物车-无法将数据传递到购物车屏幕

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}) } } 这是处理调度的按钮。它更新购物车图标的计数,

当用户单击“添加到购物车”按钮时,我正在使用redux更新购物车。当I console.log发送数据时,未接收到我正在发送的数据,而是接收到不同的未知值数组。下面是我的调度功能

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获取产品的数据。