第二次上传文件不起作用

Question

我正在尝试上传 excel 文件并使用 reactjs 发送到 api，到目前为止，我可以成功将文件发送到 Z248A5DAAZE70DC576 在我提交的 function 中，我还想在提交时从 state 重置保存的 excel 文件，所以我正在执行以下操作

  const [urlImg, setURLImg] = useState("");
  const [excelFile, setExcelFile] = useState();

  function handleOnSubmit(e) {
    e.preventDefault();

    setExcelFile();
    setURLImg("");
  }

但是当我第二次使用与前一个相同的 excel 文件上传时它不起作用。 我console.log state 但没有显示任何内容，当使用相同的 excel 文件提交时，似乎没有呈现整个组件。 你可以在这里看到我的代码框示例

谷歌驱动链接下载示例 excel

Answer 1

您可以使用表单的onSubmit事件 object 使用输入的id属性重置文件输入字段。

function handleOnSubmit(e) {
  e.preventDefault();

  e.target["icon-button-file"].value = "";

  setExcelFile();
  setURLImg("");
}