Estoy intentando sacar información por un método fetch
, pero al actualizar la página me salta el error Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
. Parece que algo no funciona en el parametro de la función `listadoUsuarios().
Código JS:
var div = document.querySelector('#usuarios');
var load = document.querySelector('#load');
getUsuarios()
.then(data => data.json())
.then(users => {
listadoUsuarios(users.data);
});
function getUsuarios(){
return fetch('https://jsonplaceholder.typicode.com/users');
}
function listadoUsuarios(usuarios){
usuarios.map((user , i) => {
let nombre = document.createElement('h2');
nombre.innerHTML = `${i} - ${user.name}, ${user.username}`;
div.appendChild(nombre);
load.style.display = 'none';
});
}
Html:
<body>
<h1>Listado de usuarios</h1>
<div id="usuarios">
<p id="load">Cargando...</p>
</div>
<script src="Fetch.js"></script>
</body>
Gracias