He estado atrapado en esto durante mucho tiempo. Necesito obtener un poco de información de un documento en Firestore. Todo lo que necesito saber es si el campo existe, así que solo estoy consultando para que no sea nulo. La consulta funciona, sin embargo, este resultado determina qué página se muestra y mi código no está esperando que se resuelva la promesa antes de continuar, he intentado ponerlo en funciones asíncronas y usar .then pero nada ha funcionado. Todavía soy bastante nuevo en reaccionar, y esta es la primera vez que uso código asíncrono en reaccionar.

Solicitud de base de datos:

 async function IsUserSetup(uid){ const docRef = getUserDocumentRef(uid); await getDoc(docRef) .then((doc) => { console.log("2. " + doc.data().userName + "running is setup check"); if (doc.data().accountType != null) { console.log("3. DB Controller says: User is already setup!"); accountStatus = true; }else { console.log("3. DB Controller says: User is not setup yet!"); accountStatus = false; } }) return accountStatus;}

principal.js

 var userAccountState; async function fetchAccountStatus(){ await IsUserSetup(auth.currentUser.uid) .then((result) => { return result; }) .catch((error) => { console.log(error); return null; }); } const Mainpage = () => { console.log("1. Main.js says: " + auth.currentUser.uid); useEffect(() => { fetchAccountStatus() .then(result => userAccountState = result) .catch(error => console.log(error)); }, []); console.log("2. Main.js says: "); console.log(userAccountState); if (userAccountState == false) { console.log("5. New version: User NOT setup") createNewUser(); }if (userAccountState == true) { console.log("5. New version: User already setup") }else { console.log("5. Account state unknown") } console.log("6. User account state: " + userAccountState); return ( userAccountState ? <Dashboard/> : <SetAccountDetails/> ); } export default Mainpage;