Quiero hacer una web que busque películas en una entrada y que con cada búsqueda en la entrada me salga una Tarjeta en pantalla con la información de la película, portada, año y título, pero como la Api solo permite seis llamadas por segundo en cuanto busco una pelicula con muchos resultados las Cards empiezan a pintar mal y me sale el mensaje en la consola de que he excedido el limite de llamadas por segundo. para poder pintar una tarjeta, primero tengo que hacer una llamada a la Api con el titulo de la pelicula, que he recuperado de la entrada, en la cual obtengo el ID, y luego, con ese ID hago una segunda llamar a la API, para que me traiga la información completa de la película. Tengo que hacer esto porque buscar solo por nombre trae poca información.
//here I retrieve by params the value of the input, the search engine where you enter the movie name const [searchParams] = useSearchParams(); const filmSearch = searchParams.get('name') console.log(filmSearch) const [id, setID] = useState([]) useEffect(() => { const fethMovies = async () => { try { const res = await fetch(`https://mdblist.p.rapidapi.com/?s=${filmSearch}`, { "method": "GET", "headers": { "x-rapidapi-host": "mdblist.p.rapidapi.com", 'X-RapidAPI-Key': '' } }) const dat = await res.json() if (dat.search.length !== 0) { dat.search.map(a => a.id).map(a => { setTimeout(() => { const fetchMov2 = async () => { try { const res = await fetch(`https://mdblist.p.rapidapi.com/?i=${a}`, { "method": "GET", "headers": { "x-rapidapi-host": "mdblist.p.rapidapi.com", 'X-RapidAPI-Key': '' } }) const dat = await res.json() setFilmsName((filmsName) => [...filmsName, dat]) console.log(dat) } catch (err) { console.log(err) } } fetchMov2() }, 2000) }) } } catch (err) { console.log(err) } } fethMovies() }, [filmSearch])He intentado de varias formas limitar las llamadas de fetch a la api, para hacerlas una a una y con una separación de un segundo entre ellas, pero no lo he logrado, me sigue saliendo el mensaje de que excedo el límite de llamadas por segundo y sigo pintando cartas de blanco y amontonadas.