Question 360942 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – Not able to see data i've passed through an array. No error when checked in console too,it shows an empty array in console. (Im not using API)

ProductDetails.jsx
ProductDetailList.jsx

I’m currently working on a React project where I’m rendering product and delivery details using components. I have two components: ProductDetailsList.jsx and ProductDetails.jsx.

ProductDetailsList.jsx contains an array of product details and an array of delivery details, which are passed as props to the ProductDetails component. In ProductDetails.jsx, I map through these arrays to render the details in separate sections.

However, I’m facing an issue with rendering these details properly. Despite passing the props correctly, the details don’t seem to render as expected. I’ve checked the console logs within ProductDetails.jsx and confirmed that the props are being received correctly.

I’m not sure where the issue lies – whether it’s with the way I’m passing the props or with how I’m rendering them in the ProductDetails component.

Tags:

2

Answers


  1. 0

    Edit your props like this { productDetails, deliveryDetails } in ProductDetails.jsx

    Login or Signup to reply.
  2. 0

    You mentioned the details don't seem to render as expected. What does that mean, Like they are being rendered in wrong format or there is nothing on the ui ? Can you please specify it?

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search