Juan Manuel Pérez Altamirano

Buen día, lo que intenté fue crear un componente en la carpeta Molecules/BonusUno.jsx con el contenido que muestra la imagen #1 También cree mi hook en la carpeta CustomHooks/useFetch, y su contenido lo muestra la imagen #2 Cree un componente en la carpeta Pages/Bonus y su contenido lo muestra la imagen #3 Lo muestro en mi App.jsx como se visualiza en la imagen #4

Y el error que me muestra lo podemos ver en la imagen #5, el cual comenta que no se puede leer la propiedad "loading" (la imagen, ya no me dejó cargarla)

Espero me puedan ayudar

Saludos y gracias de ante mano.

No me reconoce corses.length Ayudaaa. PLISSSS

function mostrarCurso(curso) { const hijo = document.createElement("div") hijo.classList.add("card") hijo.innerHTML = <div class="img-container s-ratio-16-9 s-radius-tr s-radius-tl"> <img src="${curso.getPoster()}" alt="${curso.getNombre()}"/> </div> <div class="card__data s-border s-radius-br s-radius-bl s-pxy-2"> <h3 class="t5 s-mb-2 s-center">${curso.getNombre()}</h3> </div> <div class="s-mb-2 s-main-center"> <div class="card__teacher s-cross-center"> <span class="small"># de clases: ${curso.getClases()}</span> </div> </div> elem.appendChild(hijo) }

Se eliminan 2 div - card_avatar y div - circl, quedando nuestro span dentro del div - card_teachers