Conditional Render of react Component | React Tutorial

Revive Coding

Aug 27, 2022

--

Listen

Share

const UserGreeting = props =>{
  return <h1>Hay Welcome back, I was wating for you for very long</h1>
}
Get Revive Coding’s stories in your inbox
Join Medium for free to get updates from this writer.
Subscribe
Subscribe
Remember me for faster sign in
const GuestGreeting = props => {
  return <h2> Hay, buddy I think you are not a member, please first login </h2>
}const Greeting = props => {
  const isLoggedIn = props.isLoggedIn;
  if(isLoggedIn) {
    return <UserGreeting />
  }else{
    return <GuestGreeting />
  }
}const root = ReactDOM.createRoot(document.getElementById('root')); 
// Try changing to isLoggedIn={true}:
root.render(<Greeting isLoggedIn={true} />);