Connect with us

if-else statement inside jsx: ReactJS

If you want to use statements in the jsx file than you can go like below:

If Statement:

var logBtn;
if (loggedIn) {
  logBtn = <LogoutButton />;
} else {
  logBtn = <LoginButton />;
}

return (
  <div>
    <Home />
    {logBtn}
  </div>
);

Your Answer

Please login or Register to submit your answer
Not the answer you are looking for? Browse other questions tagged or ask your own question.

Log In

Subscribe to our newsletter

Enter your email address to subscribe to blog and receive notifications of new articles by email.
100% Privacy. No spam guaranteed