如何在React中进行嵌套的条件渲染？

function Component() {
  const isLoggedIn = true;
  const isAdmin = false;

  return (
    <div>
      {isLoggedIn ? (
        <div>
          <h1>Welcome, User!</h1>
          {isAdmin && <p>You are an admin.</p>}
        </div>
      ) : (
        <h1>Please log in.</h1>
      )}
    </div>
  );
}

function Component() {
  const isLoggedIn = true;
  const isAdmin = false;

  return (
    <div>
      {isLoggedIn && (
        <div>
          <h1>Welcome, User!</h1>
          {isAdmin && <p>You are an admin.</p>}
        </div>
      )}
      {!isLoggedIn && <h1>Please log in.</h1>}
    </div>
  );
}