Skip to main content
se eliminaron 19 caracteres en el cuerpo
Origen Enlace

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=esapi_key=86d14782edf23&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>
  </>)
}

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>
  </>)
}

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=86d14782edf23&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>
  </>)
}
Origen Enlace

¿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>
  </>)
}