Props in React

App.js

 import React from 'react'

// Home.js -> Header.js + Content.js + Footer.js

// Blog.js -> Header.js + Comments.js + Footer.js

//null, numbers, HTML, strings, arrays

function GreetComponent(props){

  return <div>

  <h1> Hello {props.name}</h1>

  {props.children}

  </div>

}

function App() {

  return(

    <GreetComponent name="Mehul" children="222">

        <p>This code still works</p>

      </GreetComponent>

  )

}

export default App