如何在react本机平面列表中使用if条件

import React, { useState } from 'react';

function MyComponent() {
  const [showItems, setShowItems] = useState(true);

  return (
    <div>
      {showItems && (
        <ul>
          <li>Item 1</li>
          <li>Item 2</li>
          <li>Item 3</li>
        </ul>
      )}
    </div>
  );
}

setShowItems(false);

function MyComponent() {
  const [isLoggedIn, setIsLoggedIn] = useState(false);

  return (
    <div>
      {isLoggedIn ? (
        <ul>
          <li>Item 1</li>
          <li>Item 2</li>
          <li>Item 3</li>
        </ul>
      ) : (
        <p>Please log in to see the items.</p>
      )}
    </div>
  );
}