Tengo que buscar cada url dentro de la matriz ProductsUrl y establecer la respuesta que devuelve la búsqueda dentro del estado de Productos, para que más adelante en el procesamiento, presente cada producto con un mapa de productos.

Probépromise.all, axios.all, async await... miles de maneras y no puedo resolverlo.

También probé con otros ejemplos aquí en la pila, pero no pude encontrar la respuesta.

 import React, { useState, useEffect } from 'react' import Card from './Card' function Main() { const productsUrl = [ 'https://api.fasdfds.com/items/MLA884216659', 'https://api.fdsfsd.com/items/MLA646715969', 'https://api.fdsfsf.com/items/MLA906258237' ] const [productos, setProductos] = useState([]) useEffect(() => { productsUrl.forEach(url => fetch(url)) .then(res => res.json()) .then(data => setProductos([...productos, data])) }, []) return ( <main> {productos ? productos.map(producto => <Card key={producto.id} src={producto.thumbnail} title={producto.title} prevPrice={producto.original_price} newPrice={producto.price} discount={producto.original_price / producto.price} /> ) : <h1>loading</h1> } </main> ) } export default Main