Props

Props

const Greet = props => {
  return <h1>Hello {props.name}</h1>;
};

function App() {
  return (
    <div className="App">
      <Greet name="Mariam" />
      <Greet name="Sofi" />
      <Greet name="Jasmine" />
    </div>
  );
}

props.children

const Greet = props => {
  return (
    <div>
      <h1>Hello {props.name}</h1>
      {props.children}
    </div>
  );
};

function App() {
  return (
    <div className="App">
      <Greet name="Mariam">
        <p>Nice to see you 😊</p>
      </Greet>
      <Greet name="Sofi">
        <button>Click Me</button>
      </Greet>
    </div>
  );
}

Codevolution / ReactJS Tutorial - 9 / Props