如何在Semantic-UI-React下拉菜单中选择图像？

import React, { useState } from 'react';
import { Dropdown } from 'semantic-ui-react';

const ImageDropdown = () => {
  const [selectedImage, setSelectedImage] = useState('');

  const handleImageChange = (event, data) => {
    setSelectedImage(data.value);
  };

  return (
    <Dropdown
      placeholder="Select Image"
      selection
      options={[
        { key: '1', value: 'image1.jpg', text: 'Image 1', image: { avatar: true, src: 'image1.jpg' } },
        { key: '2', value: 'image2.jpg', text: 'Image 2', image: { avatar: true, src: 'image2.jpg' } },
        { key: '3', value: 'image3.jpg', text: 'Image 3', image: { avatar: true, src: 'image3.jpg' } },
      ]}
      onChange={handleImageChange}
    />
  );
};

export default ImageDropdown;