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

我想加载一个CSV文件并发送到后端。为此，我使用了

react csv reader

。我基本上加载了一个文件，然后按下另一个按钮，将数据发送到后端。我的问题是，在将其发送到后端后，该文件仍然保持选中/上载状态。我怎样才能移除或清洁它

我的代码：

<CSVReader
  cssClass="myCSS"
  label="Choose a CSV"
  inputId="myCSV"
  inputName="myCSV"
  inputStyle={{ color: 'red' }}
  onFileLoaded={data => handleUploading(data)}
/>
//...
const handleUploading = data => {
  setSelectedFile(data);
};

handleUploading（数据）}
/>
//...
const handleUploading=数据=>{
设置所选文件（数据）；
};

---

正如我所说，我将文件内容放入

数据中，并将其发送到后端，但文件仍然保持“已加载”。有什么方法可以清除它吗？
您可以用
表单包装此元素，然后可以重置它，如下所示：

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();
          }}
        />
      <button type="button" onClick={() => ref.current.reset()}>Submit</button>
      </form>
    </div>
  );
}

导出默认函数App（）{
const ref=useRef（）；
返回(
{
控制台日志（数据）；
ref.current.reset（）；
}}
/>
ref.current.reset（）}>提交
);
}

我知道这不是正确的地方，但这只是一个例子，在发送到后端后，用
文档.getElementById（'myCSV'）。value='
解决了这个问题。它工作得很好
它工作得很好！但是，我有单独的提交按钮。。那我在那里怎么做呢？CSVReader标签外有一个带有onClick的按钮。。我能告诉那里重置它吗？你可以在你需要的任何地方添加
ref.current.reset（）
“是的，但我是否要将它添加到按钮中，然后单击按钮，页面就会刷新。”。。我相信，因为它指向按钮属性。是吗？嗯，您正在使用
尝试
{ref.current.submit（）；ref.current.reset（）；}}>
。然而，这将不再刷新页面嗯，这对兄弟没有帮助。。我仍然可以看到数据被选中。。如果我把它放在CSVReader标签中，它会工作，但它会立即清除它