当前位置: 首页 > 知识库问答 >
问题:

如何在事件发生后删除/清除已加载的数据

陈誉
2023-03-14

我想加载一个CSV文件并发送到后端。为此,我使用了react-csv-reader。我基本上加载一个文件,然后再按下另一个按钮,将数据发送到后端。我的问题是,发送到后端后,文件仍然保持选择/上传。我该如何去除或清洁它?

我的代码:

<CSVReader
  cssClass="btn btn-default btn-sm m-t-10 waves-effect"
  label="Seleziona un file CSV"
  inputId="leadsFile"
  inputName="leadsFile"
  inputStyle={{ color: 'red' }}
  onFileLoaded={data => handleUploading(data)}
/>
//...
const handleUploading = data => {
  setSelectedFile(data);
};

正如我所说的,我将文件内容放入data中,并将其发送到后端,但文件仍然保持“已加载”状态。有什么办法可以把它弄干净吗?

共有1个答案

满增
2023-03-14

您可以用表单包装该元素,然后可以重置它,如下所示:

export default function App() {
  const ref = useRef();
  return (
    <div className="App">
      <form ref={ref}>
        <CSVReader
          cssClass="btn btn-default btn-sm m-t-10 waves-effect"
          label="Seleziona un file CSV"
          inputId="leadsFile"
          inputName="leadsFile"
          inputStyle={{ color: "red" }}
          onFileLoaded={(data) => {
            console.log(data);
            ref.current.reset();
          }}
        />
      </form>
    </div>
  );
}

我知道那不是合适的地方,但这只是给你一个例子

 类似资料:
  • 我已经标记了数据(标签和文本),如下所示: 我尝试用OpenNLP库训练我Java分类模型。

  • 我们可以通过以下查询删除所有节点和关系。 但是新创建的节点将内部id作为({最后一个节点内部id}+1)。它不会重置为零。 我们如何重置neo4j数据库,比如新创建的节点将获得id为0? 从2.3开始,我们可以删除所有有关系的节点,

  • 问题内容: 在ubuntu 10.11上进行简单的apt- get更新后,我失去了svn轮询的可能性。我的所有项目都无法再轮询svn。插件更新中心显示此插件有可用的更新(1.34-> 1.37),但无法使用Web界面或cli进行更新。Jenkins日志显示了与Subversion插件相关的大量错误 等…等… 我用手移除了: 但该插件仍会列在更新区域中。 问题:删除此插件的所有引用并重新安装的正确方

  • 本文向大家介绍原生js事件的添加和删除的封装,包括了原生js事件的添加和删除的封装的使用技巧和注意事项,需要的朋友参考一下 在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧! 其他补充关于addEventListener第三个参

  • 在Xcode5中,有一个删除派生数据的简单选项: 在组织者菜单中(cmd+shift+2): 但是Xcode6的新接口没有类似的选项。 有什么快速的方法可以删除这个槽Xcode6接口吗?

  • 我正在使用ListSelectionListener从所选行更新我的JTextField(countryTxt)。 但是,当我选择一行并单击按钮时,它会弹出一个异常。当我没有在表格中选择一行并单击按钮时,一切正常。显然,我可以在未触发事件时删除一行。因此,我的问题是:如何在触发事件后删除一行。提前谢谢。