如何在 React JS 上重置组件 Dropzone？答案

【问题标题】：How I can reset component Dropzone on React JS?如何在 React JS 上重置组件 Dropzone？
【发布时间】：2019-09-20 20:01:37
【问题描述】：

如何重置我的组件 Dropzone whit 状态。我的状态是

    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 : [],
    })
  }

一些解决方案？？

如何重置组件？？

【问题讨论】：

标签： reactjs dropzone

【解决方案1】：

您需要为接受的文件创建自己的状态。这应该会有所帮助

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

【讨论】：