React state 在等待后未更新 - useState

Question

我正在嘗試更新多個文件上傳狀態，但在等待未更新到任何 state 之后

 const uploadFiles = async () => {
        let tradeFileListNew = [...tradeFileList];
    
        for (const fileList of tradeFileListNew) {
          if (fileList.status == "not-yet") {
            let index = tradeFileListNew.indexOf(fileList);
            tradeFileListNew[index].status = "started";
        setTradeFilesToUpload(tradeFileListNew);
 
        const formData = new FormData();
        formData.append("file", fileList.file);
        formData.append("service_type", "attachments");

        let res = await api.uploadCompanyFile(formData);
        tradeFileListNew[index].status = "completed";
        setTradeFilesToUpload(tradeFileListNew);

        
      }
    }
  };

Answer 1

請注意，您正在調用setTradeFilesToUpload(tradeFileListNew); 多次，並試圖在兩者之間改變tradeFileListNew 。 React 將忽略對setTradeFilesToUpload的第二次調用，因為它傳遞了相同的引用，所以它被假定為無操作。