Estoy tratando de leer varios archivos locales .json y guardarlos en un Hook, el problema es que incluso después de asignar el valor correspondiente al hook, al mostrarlo me sale un array vacío.
import React, {Fragment, useEffect, useState} from 'react';
const Ingresar = () =>{
const [Productos, setProductos] = useState([]);
const traerJson = (nombre) =>{
fetch("http://localhost/programacion/React/pcgamer/src/components/presupuesto/jsons/"+nombre+".json")
.then(response =>{
return response.json();
} )
.then(datos => setProductos(datos));
}
useEffect(() => {
let arrayAux = ["almacenamiento", "fuentes", "gpu", "mothers", "procesadores", "ram"];
for (let i = 0; i < 6 ; i++){
traerJson(arrayAux[i]);
}
console.log(Productos)//Esto muestra un array vacío
}, [])
return (
/*Aquí hay código html*/
);
}
export default Ingresar;
Probé mostrando la variable "datos" y al parecer tiene todos los datos que debería tener, no sé por qué no se actualiza el estado del hook.