在更新状态和重定向之前等待所有承诺解决

Question

我下面代码中的.then() 是在上传一张图片后触发的。那时更新我的​​状态变量并进行重定向还为时过早。在继续之前，我应该等待所有文件上传。有人可以为我指明实现这一目标的方向吗？

 const storageRef = app.storage()
 const [files, setFiles] = useState([])
 const [data, setData] = React.useState()

  const handleSubmit = () => {
    files.forEach((file) => {
      storageRef
        .ref(`${data.firebaseRef}/${file.id}`)
        .put(file)
        .then(() => {
          // Only if all files are uploaded to firebase then I need to do something
        })
    })
  }

提前致谢！

Answer 1

使用Promise.all() 等待所有承诺解决后再做其他事情：

const handleSubmit = () => {
  Promise.all(files.map(file =>
    storageRef
      .ref(`${data.firebaseRef}/${file.id}`)
      .put(file)
  )).then(() => {
    // Only if all files are uploaded to firebase then I need to do something
  })
}