Passando valores booleanos como adereços no React

const Banner = props => {
  const name = props.name
  return <div>{props.show && <p>Hello {name}</p>}</div>
}

function App() {
  return (
    <div>
      <Banner name="Ranjeet" show/>
    </div>
  )
}

export default App
Outrageous Ostrich