反应火力基地等待然后完成

Question

您好，我使用 firestorage 保存图像，然后使用 if 发送带有 url 的信息，然后在条件之后获取 url，我知道 then 是一个承诺和异步，但我需要我的条件等待然后我不知道我的条件如何才能在函数内部等待然后完成？

 event.preventDefault();
let file = enterFileImage.imageFile;
imageUploader(file);

if (enterPhone.imageUrl != null) {
  const db = firebase.firestore();
  const docRef = db
    .collection("phones")
    .add({
      ...enterPhone,
    })
    .then((docRef) => {
      console.log("Document written with ID: ", docRef.id);
    });
}

图片上传器

const storageRef = firebase.storage().ref("/images");
const imageRef = storageRef.child(enterFileImage.imageName);
await imageRef.put(file).then((snapshot) => {
  snapshot.ref
    .getDownloadURL()
    .then((url) => {
      console.log(url)

      setPhone((Prevstate) => ({
        ...Prevstate,
        imageName: enterFileImage.imageName,
        imageUrl: url,
      }));
    })
    .catch((error) => {
      console.log(error);
      return false;
    });
});

Answer 1

您需要将内部操作的结果“冒泡”到外部操作。您已经在 catch 中执行此操作，但还需要在您的 then 中执行此操作：

await imageRef.put(file).then((snapshot) => {
  return snapshot.ref
    .getDownloadURL()
    .then((url) => {
      console.log(url)

      setPhone((Prevstate) => ({
        ...Prevstate,
        imageName: enterFileImage.imageName,
        imageUrl: url,
      }));
    })
    .catch((error) => {
      console.log(error);
      return false;
    });
});

通过从snapshot.ref.getDownloadURL() 返回结果，您的调用代码将等待文件上传并且确定其下载 URL。