Tengo una API que funciona bien en la consola. pero cuando estoy usando el mapa, esto no funciona y da error.
Mi código:-
function GetEgyptStates() { const [egyptData, setEgyptData] = React.useState(null); React.useEffect(() => { axios.get('http://localhost:3000/states-and-districts.json').then((response) => { setEgyptData(response.data); console.log(response.data.Egypt.Assuit); }); }, []); if (!egyptData) return null; return ( <div> {egyptData.response.data.Egypt.Assuit.map((item) => ( <li>{item}</li> ))} </div> ); }¡Gracias por tu apoyo!
function GetEgyptStates() { const [egyptData, setEgyptData] = React.useState(null); React.useEffect(() => { axios.get('http://localhost:3000/states-and-districts.json').then((response) => { setEgyptData(response.data); console.log(response.data.Egypt.Assuit); }); }, []); if (!egyptData) return null; return ( <div> {egyptData.Egypt.Assuit.map((item) => ( <li>{item}</li> ))} </div> ); }Prueba esto. Ya está configurando los datos de respuesta usando response.data en el estado, por lo tanto, no necesita usar response.data nuevamente
Además, si esto no funciona, publique una captura de pantalla de la respuesta de API de la consola en cuestión.
Gracias,