使用.map()时出现TypeError

时间:2020-05-26 18:45:15

标签: javascript reactjs react-native

在过去的一天里,我一直在尝试解决此错误,但仍无法解决,有人可以帮我解决这个问题!

问题:出现TypeError:由于props.items.map ...,未定义不是对象

注意:我从'store / reducers / orders.js'获取'props.items'的值。从“ screens / shop / CartScreen.js”调用在“ store / reducers / orders.js”中填充状态的调度。那是问题所在,但我看不到。

props.items.map(cartItem => (
        <CartItem
          key={cartItem.productId}
          quantity={cartItem.quantity}
          amount={cartItem.sum}
          title={cartItem.productTitle}
        />

路径:components / shop / OrderItem.js

链接到项目:https://codesandbox.io/s/github/SMasood1/Shop

1 个答案:

答案 0 :(得分:2)

在运行items之前,请确保.map()存在:

props.items && props.items.map(cartItem => (
        <CartItem
          key={cartItem.productId}
          quantity={cartItem.quantity}
          amount={cartItem.sum}
          title={cartItem.productTitle}
        />