我正在try 使用REACT-DROPZONE拖放一个图像,当我将一个图像拖放到DropZone时,它被存储在一个FILES数组中的REACT状态.
问题是,当我从数组中删除一个图像时,其余项的拇指就消失了.
下面是一个例子: https://stackblitz.com/edit/react-ts-jej14g?file=App.tsx个
我正在try 使用REACT-DROPZONE拖放一个图像,当我将一个图像拖放到DropZone时,它被存储在一个FILES数组中的REACT状态.
问题是,当我从数组中删除一个图像时,其余项的拇指就消失了.
下面是一个例子: https://stackblitz.com/edit/react-ts-jej14g?file=App.tsx个
问题出在你的handleDeleteImage
方法中
你所要做的就是
index
处吊销URLfiles
状态 function handleDeleteImage(index: number) {
const filesArray = [...files];
URL.revokeObjectURL(filesArray[index].preview);
filesArray.splice(index, 1);
setFiles(filesArray);
}
工作演示:https://stackblitz.com/edit/react-ts-pxxyng?file=App.tsx