How does conditional rendering work in React?

Direct answer

React uses normal JavaScript control flow such as if statements, ternaries, logical &&, and returning null to decide which JSX should be rendered.

Status.jsx

function Status({ isLoggedIn }) {
  if (!isLoggedIn) {
    return <LoginButton />;
  }

  return <Dashboard />;
}