Question

我遇到的问题是redux-persist-immutable没有给我的商店补水，我不确定它为什么会发生。我使用了基础redux-persist文档中的"Delay Render Until Rehydration Complete" recipe。 My exact code is here.

看起来我的应用程序正确加载并且所有内容都正确呈现，但我的store.getState（）返回我开始使用的initialState - immutable＆＃39; Map（） - 而不是我在其中使用的任何值上一届会议。我错过了什么吗？我也在下面添加了相关代码。

import React from 'react';
import { Component } from 'react';
import ReactDOM from 'react-dom';
import {compose, createStore} from 'redux';
import {getStoredState, persistStore, autoRehydrate, createPersistor} from 'redux-persist-immutable';
import {Provider} from 'react-redux';

import reducer from './reducer';
import WinTracker from './components/WinTracker';

// hotmodule reloading fix
if (module.hot) {
  module.hot.accept();
}

require('./normalize.css');
require('./skeleton.css');
require('./style.css');

const store = createStore(reducer, undefined, autoRehydrate());

class AppProvider extends Component {
  constructor() {
    super()
    this.state = { rehydrated: false }
  }

  componentWillMount() {
    persistStore(store, {}, () => {
      this.setState({ rehydrated: true })
    })
  }

  render() {
    if(!this.state.rehydrated){
      return <div>Loading...</div>
    }
    return (
      <Provider store={store}>
        <WinTracker />
      </Provider>
    )
  }
}

ReactDOM.render(
  <AppProvider />,
  document.getElementById('app')
);

Answer 1

数字我会在发布问题后的几分钟内找出答案。

看起来需要使用稍后要使用的键设置initialState。如果你的initialState是一个空的Map（）然后得到更新，那么你将是SOL。

不可变状态未加载在redux-persist-immutable中

1 个答案: