cannot display products by map in jsx components

Question

I wanna display my products by using map function but i have the error: "Cannot read properties of undefined (reading 'products')". Is there anything wrong with my codes? can anyone help me to find out? Thank you so much!

This is my sandbox link:https://codesandbox.io/s/redux-shop-cart-oqf77?file=/src/App.js

user_14199632 · Answer

You need to create an array out of props.products, like so:

var products = Array.from(props.products);

then will be able to use products.map() function

working example on: sandbox

cannot display products by map in jsx components

1 Answers