如何使用react原生图像裁剪选择器将新图像附加到数组中？

npm install react-image-crop

import React, { useState } from 'react';
import ReactCrop from 'react-image-crop';
import 'react-image-crop/dist/ReactCrop.css';

const [crop, setCrop] = useState({ aspect: 1 / 1 });
const [image, setImage] = useState(null);

const handleImageSelect = (e) => {
  if (e.target.files && e.target.files.length > 0) {
    const reader = new FileReader();
    reader.addEventListener('load', () => setImage(reader.result));
    reader.readAsDataURL(e.target.files[0]);
  }
};

const handleImageCrop = (crop) => {
  // 在这里可以对裁剪后的图像进行进一步处理，例如上传到服务器等
  console.log(crop);
};

return (
  <div>
    <input type="file" accept="image/*" onChange={handleImageSelect} />
    {image && (
      <ReactCrop
        src={image}
        crop={crop}
        onChange={setCrop}
        onComplete={handleImageCrop}
      />
    )}
  </div>
);