Tengo una aplicación web React que recopila información guardada por el usuario del almacenamiento local. Primero recupero la información guardada en window.store . Puedo ver en la consola que window.store está allí. Pero siempre da un error indefinido. Traté de dormir para que después de dormir, la tienda pueda obtener datos del objeto de ventana global.
init.js
const InitializeApp = () => { let [getState, setState] = useState(false) useEffect(()=>{ const asyncState = async() => { let store = await loadFromStorage() window.store = store await sleep(5000) console.log(store); setState(true) } asyncState() },[]) if(!getState){ return( <InitTemplate /> ) }else{ return( <Main /> ) } }Aplicación.js
const Main = () => { return( <Provider store={Store}> <App /> </Provider> ); }tienda.js
const AppReducer = (state = window.store , action) => { switch(action.type){ default : return state; } } El problema es que no estoy undefined cada vez que uso useSelector() . Cómo puedo conseguir esto ?
Aparentemente, está intentando guardar el estado en localStorage y cargarlo después de volver a cargar la página
Creo que no necesita crear una Promise en el momento en que carga el estado desde localeStorage
Intente inicializar la store como se muestra a continuación
tienda.js
import {createStore} from "redux"; import AppReducer from "./AppReducer"; export const loadState = () => { try { const state = localStorage.getItem('state'); if (state === null) { return undefined; } return JSON.parse(state); } catch (err) { return undefined; } }; export const saveState = (state) => { try { const st = JSON.stringify(state); localStorage.setItem('state', st); } catch (err) { } }; const throttle = (func, limit) => { let lastFunc; let lastRan; return function() { const context = this; const args = arguments; if (!lastRan) { func.apply(context, args); lastRan = Date.now(); } else { clearTimeout(lastFunc); lastFunc = setTimeout(function() { if ((Date.now() - lastRan) >= limit) { func.apply(context, args); lastRan = Date.now() } }, limit - (Date.now() - lastRan)) } } }; const store = createStore(AppReducer, loadState()); store.subscribe(throttle(() => { // This callback is called on every state change. // Here your current state is written to the localStorage saveState(store.getState()); }, 2000)); export default store;