Как я могу сбросить компонент Dropzone на React JS?

Question

как я могу сбросить состояние компонента Dropzone.Мое состояние

    this.state = {
      files : [],
    }

Мой компонент

<Dropzone 
getUploadParams={this.getUploadParams}
onChangeStatus={this.handleChangeStatus} 
onSubmit={this.handleSubmitUploadFile}
initialFiles={this.state.files || ''}
accept=".XLS,.XLSX"
inputContent={(files, extra) => (extra.reject ? 'Archivos' : 'Arrastrar archivo')}
canRestart={true}
canCancel={true}
canRemove={true}
multiple={false}
maxFiles={1}
maxSizeBytes={(1024 * 1024) * 6}
/>

Но мне нужно сбросить его с помощью кнопки, используя событие onClick

Мой боттон

<Button size="sm" color="danger" onClick={this.resetFormImport}>
  <i className="fa fa-ban"></i> 
   Reset
</Button>

Я пытаюсь обновить свое состояние, чтобы обновить компонент, но это не дает никаких результатов.

resetFormImport() {
    this.setState({
      files : [],
    })
  }

Некоторое решение ??

как я могу сбросить компонент??

Answer 1

Вам необходимо создать собственное состояние для принятых файлов.Это должно помочь

https://github.com/react-dropzone/react-dropzone/issues/805