如何在reactjs中使用formData添加多个镜像

import React, { useState } from 'react';

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

  const handleImageChange = (e) => {
    const files = Array.from(e.target.files);
    setImages(files);
  };

  const handleSubmit = (e) => {
    e.preventDefault();

    const formData = new FormData();

    images.forEach((image, index) => {
      formData.append(`image${index}`, image);
    });

    // 在这里可以使用axios或fetch等工具将formData发送到服务器
    // 例如：axios.post('/upload', formData);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="file" multiple onChange={handleImageChange} />
      <button type="submit">上传镜像</button>
    </form>
  );
};

export default MyComponent;