无法从Promise，上下文API（反应钩子）读取未定义的属性“代码”

我正在使用react hook制作我的第一个混合Web应用程序。我面临诺言和上下文API的计时问题。

这是我面临的逻辑。

1. fetchApplications函数从firebase firestore获取数据，它在globalcontext.js中定义（在tableView中调用）
2. tableView.js在useEffect中调用fetchApplications。
3. fetchApplications被定义为Promise函数，我希望它将解析（返回）数据，直到获取数据为止，它将重新封装（返回）对象，例如{code：200，data：data}

fetchData.code中的问题，

无法读取未定义的属性“代码”

这是我的代码

在tableview.js中

  React.useEffect(() => {
      context.fetchApplications(auth.userId, "")
      .then(function (fetchData) {
      console.log("Fetched data: ", fetchData);   ///this is undefined
      if (fetchData.code !== 200) {               /// error part
        alert(fetchData.msg);
      }
      if (!fetchData.data) {
        alert("No applications");
      }
      setsData(fetchData.data);
    });
  }, []);

在GlobalContext.js中

async function fetchApplications(userId, role) {
    return new Promise((resolve, reject) => {
      // resolve({ code: 200, data: "data" });     //If I add this code, it will be alright.

      let dataArray = [];
      let applicationRef = db
        .collection("Users")
        .doc(userId)
        .collection("Applications");
      applicationRef
        .get()
        .then(function (qs) {
          qs.forEach(function (doc) {             //doesn't work
            console.log(doc.id, " => ", doc.data());
            console.log(doc.size, " => ", typeof doc);
            dataArray.push(doc.data());
          });
          return Promise.resolve(dataArray);
        })
        .then((data) => {
          console.log("Global, Fetched Data", dataArray);
          if (data) {
            resolve({ code: 200, data: data });
          }
          return;
        });
    }).catch(function (error) {
      reject({ code: 400, msg: "시스템에러 고객센터에 문의해주세요" });
    });
  }

在codeendbox
中写如果我写的诺言方式错误，请告诉我。谢谢