React-Native 购物车 - 无法将数据传递到购物车屏幕

Question

当用户点击添加到购物车按钮时，我正在使用 redux 更新购物车。当我 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}>

Answer 1

有些信息不足，但我认为您还缺少一个 API 请求，该请求会将产品放入您的购物车。

您仅使用 redux 更新本地状态，这就是为什么您的应用程序“知道”购物车中的新商品数量。但是您还需要告诉您的后端添加了新项目。

我很确定，当您进入购物车时，它会从后端获取数据，而不是从 redux。

Answer 2

考虑到您有一些 UI 用于单元格或视图，

const renderCell = ({item}) => {
    const {name} = item;
    return (
        //Your Item UI
        <Button icon="cart" mode="contained" onPress={() =>this.props.addItemsToCart(name)} style={styles.btn}>
    )
}

考虑到您的项目的名称超出了您可以按照我提到的方式访问的名称。如果您仍然有问题，请 post 包含您的按钮的整个代码。

React-Native 购物车 - 无法将数据传递到购物车屏幕

React-Native Shopping Cart - Unable to pass data to Cart screen

react-native

redux

shopping-cart