0

Quiero reccorer un fetch (lo que me devuelve ) para poder despues generar componentes en un div pero no se como hacer para que el metodo foreach entienda que es una coleccion no se si es por que no estoy poniendo correctamente que es lo que me tiene que devolver

----------------fecth que quiero consumir despues--------------
const apiurl ="https://localhost:44302/All";

export const GetAllFilms=(callback)=>{
    return fetch(apiurl).then((response)=>
    {
        if(response.ok)
        return response.json()
    }).then((body)=>{
        console.log(body);
        callback(body);
        
    });

}

donde lo quiero consumir recorriendo la respuesta como si fuera un array

import { GetAllFilms } from '../services/ServicePelicula.js'

 const renderCarrusel = (json)=>{
    const carusel = document.getElementById('carrusel-pelis')
    carusel.innerHTML+=carusel(json.poster);
}
const renderTarjeta = (json)=>{
    const carusel = document.getElementById('tarjetas')
    carusel.innerHTML+=tarjeta(json.poster,json.titulo,json.sinopsis,json.peliculaId);
}
const chargeInitCarrusel=()=>{
      const films= GetAllFilms();

aca es dodonde quiero recorrerla con un forech

      films.forEach(element => {
        renderCarrusel(element)
        console.log(element)
    });
}

Luego de intentar hacer eso me dice que films.forEach (is not a function)

8
  • guarda los datos en una variable global ...
    – user46896
    el 21 oct. 2021 a las 0:43
  • y como exactamente puedo hacer eso , soy realmente muy nuevo en javascript el 21 oct. 2021 a las 0:46
  • declara una variable fuera de todo .... fuera de funciones y clases ...
    – user46896
    el 21 oct. 2021 a las 2:16
  • const apiurl ="https://localhost:44302/All"; export const GetAllFilms=()=>{ return fetch(apiurl).then((response)=> { if(response.ok) return response.json() }).then((body)=> console.log(body); AllFilms=body; return body; }); } export var AllFilms=[]; Algo como esto? igual me devuelve como un arreglo vacio pero en el debugger me muestra que si tiene elementos el 21 oct. 2021 a las 10:39
  • si espero eso esta tu const tiene un export y no has aclarado la estructura fe rus archivos. ???
    – user46896
    el 21 oct. 2021 a las 13:17

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.