分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了ReactJS 多个 useState 挂钩未更新 Promise 中的状态解析，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决ReactJS 多个 useState 挂钩未更新 Promise 中的状态解析？

开发过程中遇到ReactJS 多个 useState 挂钩未更新 Promise 中的状态解析的问题如何解决？下面主要结合日常开发的经验，给出你关于ReactJS 多个 useState 挂钩未更新 Promise 中的状态解析的解决方法建议，希望对你解决ReactJS 多个 useState 挂钩未更新 Promise 中的状态解析有所启发或帮助；

我有一个函数可以触发 onClick 并且应该将一组状态保存到 Firebase。由于异步，有两种状态可能会失败，因此我尝试将它们全部链接到 Promises 中。 Promises 肯定是正确解析的，但是当我尝试使用 useState 钩子时，它没有更新解析中的状态。所以我尝试以下面的方式链接它，同样的错误（函数 CollectionReference.doc() 不能用空路径调用。）仍然返回。为什么我的 mID 和 LASTUPDATED 状态为空？

const db = firebaseApp.firestore();

const initialFIEldValues = {
  mID: "",LASTUPDATED: "",};

const [store,setStore] = useState(initialFIEldValues);

const createMID = () => {
  return new Promise((resolve,reject) => {
    let docID = db.collection("merchant").doc().ID;
    let key = "mID-".concat(docID);
    if (key) {
      resolve(key);
    } else {
      reject("Failed to create mID key");
    }
  });
};

const gettimestamp = () => {
  return new Promise((resolve,reject) => {
    let timestamp = firebase.firestore.FIEldValue.servertimestamp();
    if (timestamp) {
      resolve(timestamp);
    } else {
      reject("Failed to get timestamp");
    }
  });
};
    const registerMerchant = () => {
        createMID()
        .then(
            (data) => {
            setStore({
                ...store,mID: data,});
            console.log(data); //correctly returns data
            console.log(store.mID); //returns empty; setStore isn't setTing the state

            return gettimestamp();
        }).then(
            (data2) => {
            setStore({
                ...store,LASTUPDATED: data2,})
            console.log(data2); //returns object
            console.log(store.mID); //returns empty
            }
        ).then(
            () => {
                if(!merchant && authenticated){
                    dispatch({
                        type: "SET_MERCHANT",merchant: store,});
                } else if(merchant) {
                    return
                }else{
                      dispatch({
                        type: "SET_MERCHANT",merchant: null,});
                }
            }
        ).then( ()=> {
            // e.preventDefault();
            
            db.collection('merchant').doc(store.mID).set(storE);
        }).catch(error => alert(error.messagE))
    }