Hola, tengo una obtención de datos de Objeto de Objeto
Datos
{ "test1": { "success": true, "mmr": 1627, "name": "Choo", "next_claim": 1639454954 }, "test2": { "success": true, "mmr": 1246, "name": "Dee", "next_claim": 1639454934 }, "test3": { "success": true, "mmr": 1066, "name": "Boo", "next_claim": 1639454964 } }Parece que no puedo mostrarlos en la página.
intenté usar
import React, { useState, useEffect } from "react" import Axios from "axios" const Axie = () => { const [axieStats, setAxieStats] = useState({}) const fetchAxie = async () => { const response = await Axios( "https://game-api.axie.technology/api/v1/ronin:0d771f9d749fe72671526e0a52ecdfc11f73ca7b,ronin:b9603b5ae4d10fce072432d99de572c1eb66b43e" ) setAxieStats(response.data) } console.log(axieStats) useEffect(() => { fetchAxie() }, []) return <div></div> } export default Axieparece que no puede funcionar
Edité la pregunta en todo el código desde donde busco la API.
El useState como se ve en su código se inicializa primero en un objeto vacío, que no es el objeto deseado que desea usar en primer lugar. Cuando intente acceder a test2.mmr en la test de objeto vacío, no encontrará ese objeto y generará una excepción de referencia nula. Aquí hay algunas cosas que puede hacer para llegar al estado que necesita:
setTest en algún lugar de su código.async-await para manejar la actualización de las variables de estado para los componentes dependientes.