在React JSX中的div之间切换

function MyComponent({ isLoggedIn }) {
  if (isLoggedIn) {
    return (
      <div>
        <h1>Welcome, User!</h1>
        <button>Logout</button>
      </div>
    );
  } else {
    return (
      <div>
        <h1>Please log in</h1>
        <button>Login</button>
      </div>
    );
  }
}

function MyComponent({ isLoggedIn }) {
  return (
    <div>
      {isLoggedIn ? (
        <div>
          <h1>Welcome, User!</h1>
          <button>Logout</button>
        </div>
      ) : (
        <div>
          <h1>Please log in</h1>
          <button>Login</button>
        </div>
      )}
    </div>
  );
}