为什么我在购物车中收到“TypeError: can't convert undefined to object”错误？

【问题标题】：Why am I getting "TypeError: can't convert undefined to object" error in shopping Cart?为什么我在购物车中收到“TypeError: can't convert undefined to object”错误？
【发布时间】：2020-05-18 23:54:34
【问题描述】：

添加Object.keys 后出现错误，无法浏览我购物车中的产品：

初始状态：

const initialState = {
  basketNumbers: 0,
  cartCost: 0,
  products: { berry: { name: 'Berries', price: 5.0, numbers: 0, inCart: false } },
}

【问题讨论】：

const initialState = { basketNumbers: 0, cartCost: 0, products:{ berry : { name: "Berries", price: 5.00, numbers: 0, inCart: false },

标签： reactjs object redux key

【解决方案1】：

您的Cart 组件将收到props，它具有basketProps 属性：

所以，你可以写：

funcrion Cart(props) {
  console.debug(props.basketProps)
  Object.keys(props.basketProps.products).forEach(key => {
    // ...
  })
}

或者destructuringprops：

funcrion Cart({basketProps}) {
  console.debug(basketProps)
  Object.keys(basketProps.products).forEach(key => {
    // ...
  })
}

你得到错误，因为你正在尝试这个：

funcrion Cart(props) {
  console.debug(props.products) // undefined
  Object.keys(props.products).forEach(key => { // can't convert undefined to object
    // ...
  })
}

【讨论】：