Map Over An Array of Objects in React

I’m trying to map over an array objects that contain other objects. See below:


I’m specifically trying to access the name and url properties inside the “buy_links” array.

Here’s my code so far. bestseller returns data that I’ve mapped over elsewhere in my code - the trouble is just accessing that buy_links array. Currently my code doesn’t break anything, but also doesn’t return any data.

          {{ table }) =>
            Object.entries(table).map(({ name, url }) => (
              <li key={url} style={{ color: "white", background: "red" }}>
                <a style={{ color: "white", background: "red" }} href={url}>

Welcome there,

This has to do with your use of Object.entries. I suggest reading up on that.

Otherwise, if you are still stuck, I suggest you plaster your code with console.logs.

Hope this helps

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.