No puedo acceder a los datos almacenados en mi matriz sessionDates en mi función DateList
este es el código de mi index.js, incluida la llamada a la API
import React from "react"; import ReactDOM from "react-dom"; const availableDates = []; const available = []; const sessionDates = []; function getDates(e){ getDate(apiUrl); } const getDate = async (apiUrl)=>{ const res = await fetch(apiUrl) try { const data = await res.json(); availableDates.push(data); availableDates.map((datee) => { datee.map((session) => { sessionDates.push(session.date.slice(0, 10)); }); }); return sessionDates; } catch(error) { console.log("error", error); } } window.addEventListener('load', getDates); function DateList(){ return <section>{sessionDates[0]}</section>; }Mientras configura sessionDates en función de la llamada api, no hay nada en su código que solicite a DateList que se vuelva a procesar cuando cambia sessionDates . Como tal, solo mostrará el valor inicial de sessionDates , para el cual sessionDates[0] no está definido.
En su lugar, le recomiendo que use el gancho useEffect para activar su llamada API e implementar sessionDates usando useState .