0
140
Viewsimg src no responde en reactjs
este es mi código de fila.js:
import React, { useEffect, useState } from 'react'; import axios from './axios'; const base_URL="https://image.tmdb.org/t/p/original"; function Row({title,fetchUrl}) { const [movies,setMovies]=useState([]); useEffect(()=>{ async function fetchData(){ const request=await axios.get(fetchUrl); console.log(request); setMovies(request.data.results); return request; } fetchData(); },[fetchUrl]); return ( <div className="row"> <h2>{title}</h2> <div className="row__posters"> {movies.map(movie=>{ console.log(movie); <img src={'${base_URL}${movie.poster_path}'} alt={movie.name}/> })} </div> </div> ) } export default Row Mi pantalla debería mostrar los carteles de las películas pero no los muestra, me pregunto si hay algún problema en movies.map...... part e img src="......" part 
·
Juan Pablo Isaza
2 answers
Answer question0
Necesitas devolver la imagen:
<div className="row__posters"> {movies.map(movie=>{ console.log(movie); return <img src={'${base_URL}${movie.poster_path}'} alt={movie.name}/> })} </div>
·
Juan Pablo Isaza
Report
0
solo asigna el objeto de películas en lugar de regresar. Por lo tanto, intente esto:
{movies.map((movie,index)=>{ console.log(movie); return ( <img key={index} src={'${base_URL}${movie.poster_path}'} alt={movie.name}/>) })}aquí, también use key = {index} dentro de la etiqueta img. Proporciona la clave única para cada etiqueta img de forma iterativa.
·
Juan Pablo Isaza
Report
Answer question