React中动态变化的包装器标签

function MyComponent({ isLoggedIn }) {
  return (
    <div>
      {isLoggedIn ? <LoggedInWrapper /> : <LoggedOutWrapper />}
    </div>
  );
}

function MyComponent({ items }) {
  return (
    <div>
      {items.map((item) => (
        <ItemWrapper key={item.id} item={item} />
      ))}
    </div>
  );
}

function MyComponent() {
  const [isExpanded, setIsExpanded] = useState(false);

  const handleToggle = () => {
    setIsExpanded(!isExpanded);
  };

  return (
    <div>
      <button onClick={handleToggle}>Toggle</button>
      {isExpanded ? <ExpandedWrapper /> : <CollapsedWrapper />}
    </div>
  );
}