Skip to main content
1 de 2

¿porque este fragmento de codigo no se renderiza?

Tengo este codigo escrito en ReactJS, lo que hace en resumen es sencillo, me conecta a una API, y en teoria, deberia renderizarlo, es decir, mostrarlo en el navegador. Estuve viendo durante horas cual podria ser el error, pero no lo encuentro, no puedo hacer que este codigo se renderize, como lo soluciono?

import React, { useEffect, useState } from 'react'

export const TVShows = () => {
  const [ loadMovies, setLoadMovies] = useState(false)
  const [ movie, setMovie ] = useState({})
  
  useEffect(()=>{
    const apiMovies = `https://api.themoviedb.org/3/movie/popular?api_key=86d14551ce85c8b6aa18f9d4782edf23&lenguage=es-MX`
    fetch(apiMovies)
    .then(resp => resp.json())
    .then( movieRequest => {console.log(movieRequest.results)

      setMovie(movieRequest)
      setLoadMovies(true)
    })
  },[])

  return (<>`introducir el código aquí`
  {loadMovies ? movie.map( movie => {return <ul><li key={movie.id}>{movie.title}</li> </ul>}):'i'}  
      
    <input type='text' placeholder='Ingrese un texto'></input>

    {/* CARTAS */}
    <div id='carta'>
      
    </div>
  </>)
}