How do I use if-else statements in React?

How do I use if-else statements in React?

In React, you can use if-else statements within your render method or return statement. Would you like an example?

Yes, please provide an example.

Sure! You can use a simple if-else like this:

function MyComponent({ isLoggedIn }) {
  if (isLoggedIn) {
    return <h1>Welcome back!</h1>;
  } else {
    return <h1>Please log in.</h1>;
  }
}

This will render different messages based on the isLoggedIn prop.

What if I want to use a ternary operator instead?

You can simplify it using a ternary operator like this:

function MyComponent({ isLoggedIn }) {
  return isLoggedIn ? <h1>Welcome back!</h1> : <h1>Please log in.</h1>;
}

This achieves the same result in a more concise way!