Pass an Object as props to a component in React.js | bobbyhadz

PHOTO EMBED

Thu Jul 21 2022 06:18:14 GMT+0000 (Coordinated Universal Time)

Saved by @Harsh_S #jsx ##react ##object

function Person({data}) {
  return (
    <div>
      <h2>{data.name}</h2>
      <h2>{data.age}</h2>
      <h2>{data.country}</h2>
    </div>
  );
}

export default function App() {
  const obj = {name: 'Alice', age: 29, country: 'Austria'};

  return (
    <div>
      <Person data={obj} />
    </div>
  );
}
content_copyCOPY

https://bobbyhadz.com/blog/react-pass-object-as-props