使用 redux-persist 保存和检索状态 - React Native

Question

我是反应原生的新手，我第一次尝试保存我的应用程序的状态。

为了实现这一目标，我建议使用redux-persist。我希望在网络上找到更多有关它的示例和主题，但我觉得我对 redux-persist 如何工作的想法并不那么清晰。

我已按照 github 页面中的简短指南进行操作，但是一旦关闭并重新打开应用程序，我就看不到保存的状态值，但我看到了默认的初始状态值。

这是我的 app.js 文件：

import React, { Component } from 'react';
import { AsyncStorage } from 'react-native'
import { Provider } from 'react-redux';
import { createStore, applyMiddleware, compose } from 'redux';
import { persistStore, autoRehydrate } from 'redux-persist';
import ReduxThunk from 'redux-thunk';
import reducers from './reducers';
import Router from './Router';

class App extends Component {
  render() {
    const store = compose(applyMiddleware(ReduxThunk), autoRehydrate())(createStore)(reducers); 
    persistStore(store, {storage: AsyncStorage}, () => {
        console.log('restored');
    })
    return (
      <Provider store={store}>
        <Router />
      </Provider>
    );
  }
}

export default App;

我还需要别的东西吗？

我还想知道如何获取console.logredux-persistor 存储中的所有状态值。

提前致谢

Answer 1

您可以使用

store.getState().whatEver;