react input mutiple filelist 제거

filelist와 미리보기 링크가 들어있는 PreviewImg에서 인덱스를 삭제해도 다시 파일을 업로드하면 전에 삭제했던 file들이 그대로 들어가 있었다.

이유는 input filelist를 따로 가지고 있어 삭제할 때 이 부분을 변경하지 않으면 파일들이 계속 남아있다.

const dataTranster = new DataTransfer()

  Array.from(files)
    .filter(file => file.lastModified != idx)
    .forEach(file => {
      dataTranster.items.add(file)
    })
  
  const InputFile = document.querySelector('#picture') as HTMLInputElement
  InputFile.files = dataTranster.files;

⇒ 해당 구문을 추가하여 삭제하면 filelist에서도 제거되도록 바꾸었다.