Estaba tratando de crear un gráfico usando Chartjs en reaccionar. Para eso, utilicé el método de publicación de axios para obtener datos de la base de datos del servidor que creé en Nodejs. Cuando utilicé chartjs en axios, aparece este error "Error de tipo no detectado: no se pueden leer las propiedades de undefined (leyendo 'mapa')"
Aquí está mi código:
const [userData, setData] = React.useState([]); React.useEffect(()=> { axios.post("http://localhost:3001/graph", { username:str }).then(response=>{ Uname = response.data.username; exp = response.data.expense; inc = response.data.income; console.log(inc); console.log(exp); data.push(exp); data.push(inc); }); setData({ labels: title, datasets:[ { label: "Expense", data: data, backgroundColor: ["red"] } ] }); console.log(userData); })Obtengo una matriz vacía en userData. Probé la mayor parte del método en línea, pero nada parece funcionar. Por favor, si alguien me puede ayudar aquí es realmente imp.
Gracias.
Es porque al principio userData es una matriz vacía y después de un tiempo, los datos van a él y puede usarlos; uno piensa que puede hacer es usar un if antes de definir un mapa como este: {userData && userData.map ...}