Estou iniciando com React Native, porém estou com dificuldades para obter uma lista ao carregar a tela utilizando useEffect
, sempre que inicializa a tela a primeira vez, o setList
retorna vazio, e quando clico no botão para atualizar, retorna os dados normalmente.
Alguém pode me explicar por que isso acontece? Olhei a documentação do useEffect
e realmente a primeira vez que é chamado, retorna nulo, mas não entendi o porque na minha chamada o mesmo não retorna os dados da API.
Ressaltando que quando clico no botão "refresh", os dados retornam normalmente.
const [list, setList] = useState([]);
const handleTotals = async () => {
setLoading(true);
setList([]);
let res = await Api.getOrderTotals();
if(res.data) {
setList(res.data);
}
setLoading(false);
}
useEffect(() => {
setName();
handleTotals();
console.log(list); //Retorna nulo
}, [])
handleTotals
é uma funcão assíncrona, você tem que esperar ela ser concluida para dar um console.log