Estoy tratando de devolver los datos de esta búsqueda en algunas tarjetas en otro componente, pero aparece el siguiente error:
TypeError: n.map no es una función.
Supongo que es por async/await, pero no sé cómo solucionarlo.
Muchas gracias
export default function Container(){ const [flights, getNewFlights] = useState({}); const user = sessionStorage.getItem("username"); const tipouser = sessionStorage.getItem("TipoUser"); const APT = sessionStorage.getItem("Base"); const Fecha = sessionStorage.getItem("Fecha"); const fetchFlights = async () => { try { const flightsData = await $.ajax({ url: "https://listVuelos.php", type: 'POST', data: { APT, Fecha } }) getNewFlights(JSON.parse(flightsData)) } catch (err) { console.log("Da error") } }; useEffect(() => { fetchFlights() const interval = setInterval(() => { fetchFlights() }, 100000) return () => interval }, []); return( <Fragment> <div className="div_container"> { flights?.map ( f => <IndexCards data={f}></IndexCards> )} </div> </Fragment> ); }
no puede usar la función de mapa en un objeto para superar el problema, puede hacer algo como esto:
Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, newValue]))