在被选中后，如何在菜单中显示选中的项目？

import React, { useState } from 'react';

const Menu = () => {
  const [selectedItem, setSelectedItem] = useState(null);

  const handleItemClick = (item) => {
    setSelectedItem(item);
  };

  return (
    <ul>
      <li className={selectedItem === 'item1' ? 'selected' : ''} onClick={() => handleItemClick('item1')}>
        Item 1
      </li>
      <li className={selectedItem === 'item2' ? 'selected' : ''} onClick={() => handleItemClick('item2')}>
        Item 2
      </li>
      <li className={selectedItem === 'item3' ? 'selected' : ''} onClick={() => handleItemClick('item3')}>
        Item 3
      </li>
    </ul>
  );
};

export default Menu;