Por algum motivo, o valor de orçamento diário não está aprecendo na tela de home.
link para o meu repositório no github: https://github.com/yancarlo0202/4461-react-context-api-projeto-base
Por algum motivo, o valor de orçamento diário não está aprecendo na tela de home.
link para o meu repositório no github: https://github.com/yancarlo0202/4461-react-context-api-projeto-base
Oi, Yan! Como vai?
O erro indica que o valor da renda estava sendo tratado como texto no db.json
e, por isso, o cálculo retornava NaN
. O problema estava tanto no formato do número (vírgula em vez de ponto) quanto na forma como o useEffect estava configurado.
Fiz algumas mudanças que você pode consultar aqui nesse repositório.
1. Corrigindo o banco de dados (db.json
)
Troque a vírgula por ponto e remova as aspas:
"renda": 797.98
2. Função para cálculo seguro
const calcularOrcamentoDiario = (renda: number) => {
return Number(renda) / 30;
};
➡ Esse código garante que a renda
seja convertida em número antes da divisão.
3. Ajustando o useEffect
useEffect(() => {
if (usuario?.renda) {
setOrcamento(calcularOrcamentoDiario(usuario.renda));
}
}, [usuario]);
➡ Agora só atualiza quando o usuário mudar, evitando loop infinito.
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!