在react中创建一个列表组件，并将每个列表项设置为切换项，以便在单击时在其下方显示一张图片

import React, { useState } from 'react';

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

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

  return (
    <div>
      <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>
      {selectedItem && <img src={`path/to/${selectedItem}.jpg`} alt={selectedItem} />}
    </div>
  );
};

export default List;