ReactJs — Conditional Rendering

Conditional rendering lets you display different UI elements depending on certain conditions, using if statements, the ternary operator, or logical operators.

function UserGreeting({ isLoggedIn }) {
  return (
    <div>
      {isLoggedIn ? <h1>Welcome Back!</h1> : <h1>Please Sign In</h1>}
    </div>
  );
}

export default UserGreeting;