0
私はredux-persist-immutableに問題があり、私の店を再水和しません。なぜ起きているのかわかりません。私は"Delay Render Until Rehydration Complete" recipeベースのredux-persistドキュメントから使用しています。不変の状態がredux-persist-immutableにロードされていません
私のアプリケーションが正しく読み込まれ、すべてが正しくレンダリングされているように見えますが、store.getState()は前のセッションで使用した値の代わりに - 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')
);