[import React, { useEffect, useState } from 'react'; import './Row.css'; import axios from './axios' function Row({ title,fetchUrl, isLargeRow = false}) { const [movies, setMovies] = useState([]); const base_url = "https://image.tmdb.org/t/p/original/" useEffect(() => { async function fetchData() { const request = await axios.get(fetchUrl); setMovies(request.data.results); return request; } fetchData(); }, [fetchUrl[]][1]); // console.log(movies); return ( <div className='row'> <h2>{title}</h2> {movies.map((movie) => ( <img src={`${base_url}${ isLargeRow ? movie.poster_path : movie.backdrop_path }`} alt={movie.name} /> ))} </div> ); } export default Rowestoy recibiendo un error
Advertencia: cada niño en una lista debe tener un accesorio de "clave" único.
Verifique el método de renderizado de Row . Consulte https://reactjs.org/link/warning-keys para obtener más información. en img en Row (http://localhost:3000/static/js/bundle.js:596:5) en div en HomeScreen en div en App en Provider (http://localhost:3000/static/js/bundle. js:43095:5)
En dependencia de useEffect solo da fetchUrl como
como esto
}, [buscarUrl]);