我'm having an issue with redux-persist-immutable not rehydrating my store, and I'我不确定为什么's happening. I' m使用基础redux-persist docs中的"Delay Render Until Rehydration Complete" recipe . My exact code is here.
看起来我的应用程序正确加载并且所有内容都正确呈现,但我的store.getState()返回我开始使用的initialState - immutable的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')
);
1 回答
数字我在发布问题后几分钟就能找出答案 .
看起来需要使用稍后要使用的键来设置initialState . 如果你的initialState是一个空的Map()然后得到更新,你将是SOL .