Buscando la mejor manera de lograr lo siguiente.
El objetivo es, cuando se carga esta pantalla:
También estoy tratando de usarEffect para que solo se ejecuten una vez.
Función 1:
const getUserToken = async () => { try { const userToken = await AsyncStorage.getItem("userToken", userToken); setUserToken(userToken); } catch (err) { console.log("err retrieving token " + err); }Función 2:
const getUserId = async () => { try { let response = await xano.get("/auth/me", { headers: { Authorization: userToken }, }); setUserId(response.data.id); console.log(userId); } catch (err) { console.log("getUserId err " + err); console.log(err.data); } };Función 3:
useEffect(() => { getUserToken(); getUserId(); }, []);Debe esperar esas funciones asíncronas en el gancho useEffect.
useEffect(() => { async function fetchMyAPI() { await getUserToken(); await getUserId(); } fetchMyAPI(); }, [])