第二次上傳文件不起作用

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("");
}