Javascript 如何与盖茨比保持雷多克斯状态?
通过安装以下软件包,我将redux与gatsby一起使用:Javascript 如何与盖茨比保持雷多克斯状态?,javascript,reactjs,redux,Javascript,Reactjs,Redux,通过安装以下软件包,我将redux与gatsby一起使用: react react-redux gatsby-plugin-react-redux 这是store.js文件: import { createStore } from 'redux'; import { reducer } from './reducer'; export default (preloadedState) => { return createStore(reducer, preloadedState)
react react-redux gatsby-plugin-react-redux
这是store.js文件:
import { createStore } from 'redux';
import { reducer } from './reducer';
export default (preloadedState) => {
return createStore(reducer, preloadedState);
};
gatsby-config.js
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-react-redux`,
options: {
pathToCreateStoreModule: './src/redux/store',
cleanupOnClient: false
}
}
]
};
我已经将cleanupOnClient设置为false,但是当我刷新页面时,状态仍然是旧版本,并且没有被持久化
如何使用gatsby持久化redux状态更改?我将redux持久化添加到gatsby插件react redux,您可以在这里找到它: 这是第一个版本,但似乎有效:) 编辑: 我看到在使用PreforedState时,redux persist在补水过程中超时,我不知道这是否也发生在您身上,顺便说一句,您可以跳过它:
export default () => {
const store = createStore(
persistedReducer,
{}, // initial state
);
const persistor = persistStore(store);
return { store, persistor };
}