Получение TypeError при использовании .map ()

Question

Я пытался решить эту ошибку в течение последнего дня и не смог, может кто-нибудь мне помочь!

Проблема: Получение TypeError: undefined не является объектом, потому что of props.items.map ...

Примечание: я получаю значение для 'props.items' из 'store / reducers / orders. js'. Отправка для заполнения состояния в 'store / redurs / orders. js' вызывается из 'screen / shop / CartScreen. 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

Answer 1

Убедитесь, что items существует перед запуском .map():

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