Tengo el siguiente problema, estoy perdiendo los datos de la aplicacion, les explico como esta estructurada la aplicacion.Primero aclarar que no estoy usando Redux
ni pretendo incorporarlo. EL estado lo estoy manejando a travez de context y useReducer.Todo el flujo para manejar el estado y acceder al estado me funciona bien. El problema en todo esto es que en el reducer.js mi estado inicial es este:
const INITIAL_STATE = {
loading: true,
books: [],
recents: [],
error: null,
};
Como se ve el arreglo books inicialmente es un arreglo vacio, cuando se carga mi primera ruta / , en el useEffect
se llama al API y a este arreglo se le asignan valores, cuando paso a otra ruta, por ejemplo /about accedo al arreglo y los datos estan. El problema comienza cuando en esa ruta /about refresco el navegador**(tocando f5 )** , se hace el re-render y pierdo los datos del array.
Mi pregunta es:
Como puedo la 1ra vez que traigo los datos del API guardarlo y no perderlos mas?
Si necesitan ver codigo de alguna parte de la logica pidanmelo , no puse todos los ficheros implicados por que son bastantes