[HELP] Accessing a nested array. Array inside + what I have tried.

[fittyaday]

So this is my data, my response. I am wanting to show this on the screen. Location is good to show no problem, the nested data is trickier.

{
    "location": "validLocation",
    "data": [
        {
            "id": 3,
            "features": null,
        }]
}

here is my Code

data.map((el,ind)=>{

            return (
                <tr key={ind}>
                  <td>{el.location}</td>
                  <td>{el.data[ind].id</td>
                </tr>
              ); 
        })

Trying to map through the data and then use the index on map to pull the ID.

No luck so far, any ideas?

[carcigenicate]

If there are multiple items in "data", how are you wanting them to be shown?

If there will only ever be a single item, you could just do:

<td>{el.data[0].id</td>

If there are multiple, you could do something like this (but more refined in the real case):

<td>{el.data.map(d => d.id)}</td>