I'm having issues accessing data after fetch [duplicate]

Question

I fetched data from an API and I get this : An array of arrays containing objects and properties containing the details of songs.

The issue is when i try to access the uri property, I get "Cannot read properties of undefined (reading '1')" with the code below :

 const songTitleEl = chartData.map(data =>(
    <ChartSongs key={data.key} audio={data?.hub?.actions[1]?.uri}/>
  ))

It should be working perfectly but it isn't and for the life of me I can't figure why.

Sachila Ranawaka · Accepted Answer · 2022-11-20 09:06:31Z

0

actions could be null. Need the ? to check if index exists

<ChartSongs key={data.key} audio={data?.hub?.actions?.[1]?.uri}/>

answered Nov 20, 2022 at 9:06

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1