多个图像文件上载仅预览React中的第一个图像

import React, { useState } from 'react';

const ImageUploader = () => {
  const [images, setImages] = useState([]);

  const handleFileChange = (event) => {
    const selectedFiles = Array.from(event.target.files);
    const uploadedImages = selectedFiles.map((file) => URL.createObjectURL(file));
    setImages(uploadedImages);
  };

  const handleImageDelete = (index) => {
    const updatedImages = [...images];
    updatedImages.splice(index, 1);
    setImages(updatedImages);
  };

  return (
    <div>
      <input type="file" multiple onChange={handleFileChange} />
      <div>
        {images.map((image, index) => (
          <div key={index}>
            <img src={image} alt={`Image ${index + 1}`} />
            <button onClick={() => handleImageDelete(index)}>Delete</button>
          </div>
        ))}
      </div>
    </div>
  );
};

export default ImageUploader;