Javascript 如何与盖茨比保持雷多克斯状态?

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)

通过安装以下软件包,我将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);
};
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 };
}