Tou preso em uma situação aqui que é a seguinte:
O projeto é feito em React
import hostApi from "api/hostApi";
const body = {
token: localStorage.getItem("suavagaToken")
}
function isAuthenticated() {
console.log("Chamou a função");
hostApi.post("empresa/isAuthenticated", body)
.then(response => {
localStorage.setItem("suavagaUserIsAuth", response.data)
console.log("Atualizou o isAuth");
})
.catch(err => {
console.error("Erro ao verificar se a empresa está autenticada! :" + err)
})
}
export default isAuthenticated;
function checkRouteAuth() {
isAuthenticated();
let aux = localStorage.getItem("suavagaUserIsAuth");
console.log("Variavel aux = " + aux);
if (aux === "true") {
return true;
} else {
return false;
}
}
Preciso fazer com que minha função checkRouteAuth() tenha sua execução continuada somente após o isAuthenticated() ter terminado. Coloquei os console.log para ver a sequência de execução e aparece o seguinte:
Chamou a função auth.js:8
Variavel aux = false Routes.jsx:14
Atualizou o isAuth auth.js:12
Ou seja, o log "Atualizou o isAuth" está sendo executado antes do "Variavel aux", assim o aux não atualiza em tempo de execução. Como solucionar isso?
promise chaining
.