React

Props

const App = () => {
  const bookDetails = {
    name: "Harry Potter and the Philosopher's Stone",
    author: "J. K. Rowling",
    price: 499,
  };

  return <Book />;
};

const Book = ({ name, author, price }) => (
  <div>
    <h1>Book</h1>
    <p>
      <b>Name:</b> {name}
    </p>
    <p>
      <b>Author:</b> {author}
    </p>
    <p>
      <b>Price:</b> ${price}
    </p>
  </div>
);

export default App;


const App = () => {
  const bookDetails = {
    name: "Harry Potter and the Philosopher's Stone",
    author: "J. K. Rowling",
    price: 499,
  };

  return <Book {...bookDetails} />;
};

const Book = ({ name, author, price }) => (
  <div>
    <h1>Book</h1>
    <p>
      <b>Name:</b> {name}
    </p>
    <p>
      <b>Author:</b> {author}
    </p>
    <p>
      <b>Price:</b> ${price}
    </p>
  </div>
);

export default App;
