javascript - How can i grab one of my elements in the array and style it?

Question

Hi devs im learning React and i want to know if there's a method to grab an element from my array and style it with css.

const card = [
  {
    id: 1,
    title: "DEEP EARTH",
    Background: "images/earth.jpg",
  },
  {
    id: 2,
    title: "NIGHT ARCADE",
    Background: "images/arcade.jpg",

  },
  {
    id: 3,
    title: "SOCCER TEAM VR",
    Background: "images/soccer.jpg",
  }
]

question from:https://stackoverflow.com/questions/65830890/how-can-i-grab-one-of-my-elements-in-the-array-and-style-it

Answer 1

As early was said you can use map and inline styles

  return (<div>
{card.map((item) => (
    <div key={item.id}>{item.title} 
       styles={{background:url(item.src)}}
     >
</div>
))}
</div>);