upload add more image

add-more-image.js

const [images, setImages] = useState([]);
const [base64Images, setBase64Images] = useState([]);

const handleFileChange = (event, index) => {
  const files = event.target.files;

  const _images = [...images];
  _images[index] = files[0];
  setImages(_images);

  const reader = new FileReader();

  reader.onload = e => {
    const base64String = btoa(e.target.result);
    const base64Image = [...base64Images];
    base64Image[index] = base64String;
    setBase64Images(base64Image);
  };

  reader.readAsBinaryString(files[0]);
};

const handleAddImage = () => {
  const formData = new FormData();
  images.forEach(file => {
    formData.append(`image`, file);
  }); 
}

{base64Images.map((base64Image, index) => {
  return (
    <img
      alt={`Image ${index}`}
      src={`data:image/jpeg;base64,${base64Image}`}
    />
  )
})}