使用React将单击的<li>项目作为<ul> <li>父级中的子项获取

import React, { useState } from 'react';

function ParentComponent() {
  const [selectedItem, setSelectedItem] = useState(null);

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

  return (
    <ul>
      <li onClick={() => handleItemClick('Item 1')}>Item 1</li>
      <li onClick={() => handleItemClick('Item 2')}>Item 2</li>
      <li onClick={() => handleItemClick('Item 3')}>Item 3</li>
    </ul>
  );
}