如何在React中从多个上传文件中删除单个文件

Question

我编写了上传和显示多个文件/图像的代码，现在我想从该组文件中删除特定的文件/图像。我试过了，但是出错了。

我尝试过的代码如下：-

previewFiles(){
    var preview = document.querySelector('#preview');
    var files   = document.querySelector('input[type=file]').files;
    var imageArray = []
    for(var i=0;i<files.length;i++){
        imageArray.push(files[i])
    }
    if (imageArray!==null) {
        imageArray.map(images => 
            readAndPreview(images)
        )
      }
       function readAndPreview(images){

           if ( /\.(jpe?g|png|gif)$/i.test(images.name) ) {
            var reader = new FileReader();

            reader.addEventListener("load", function () {
              var image = new Image();
              image.height = 100;
              image.width = 100;
              image.title = images.name;
              image.src = this.result;
              preview.append (image) 
            }, false);

            reader.readAsDataURL(images);
          }


       }
}




render() {
        return (
            <div className="container">
                <input type="file" onChange={this.previewFiles} multiple/>
                <div><span id="preview"><br /></span></div>
                <button onClick={this.uploadHandler}>Upload!</button>
            </div>
       )
      }

预先感谢