Estou tendo um problema com um projeto que estou utilizando React.js
, e axios
para consumo da API
const [id, setId] = useState('');
const [image, setImage] = useState('');
const [att, setAtt] = useState(0);
const [nameCorrect, setNameCorrect] = useState('');
const [type, setType] = useState([])
useEffect(() => {
api.get(props.name)
.then(res => {
setId(res.data.id);
setImage(res.data.sprites.front_default);
setType(res.data.types)
setNameCorrect(props
.name
.substring(0,1)
.toUpperCase()
.concat(props.name.substring(1))
);
})
Na linha do setType(res.data.types)
basicamente não está guardando a array
com os dados na constante
type
Esse é o link da api que estou usando, se repararem tem o types dentro do data que estou buscando https://pokeapi.co/api/v2/pokemon/1/
Observação: quando dou um console.log
no types
ele retorna arrays
vazias.
type
, se for dentro douseEffect
que é executado sem parar nunca vai ver nenhuma atualização.