Question

每个人

我正在尝试使用redux-persist来保存我的商店，但在将其实现到我的app.js之后，我得到了白屏，我找到了这个错误，我唯一能找到的就是清除componentDidMount中的persistor（）甚至那对我不起作用：

App.js：

import React from 'react';
import { AppLoading, Asset, Font } from 'expo';
import { PersistGate } from 'redux-persist/integration/react';
import { Ionicons } from '@expo/vector-icons';
import { Provider } from 'react-redux';
import storeConfig from './config/store';
import RootNavigation from './navigation/RootNavigation';
import Splash from './screens/Splash'
const {persistor, store} = storeConfig();

//普通代码

render() {
if (!this.state.isLoadingComplete ) {
  return (
    <AppLoading
      startAsync={this._loadResourcesAsync}
      onError={this._handleLoadingError}
      onFinish={this._handleFinishLoading}
    />
  );
} else {
  return (
      <Provider store={store}>
      <PersistGate loading={<Splash /> } persistor={persistor}>
      <RootNavigation />
      </PersistGate>
      </Provider> 

  );
}

}

store.js：

import { createStore } from 'redux';
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
import logger from 'redux-logger';

import reducers from '../reducers';


const persistConfig = {
    key: 'root',
    storage,
  };


const pReducer = persistReducer(persistConfig, reducers);

export const store = createStore(pReducer);
export const persistor = persistStore(store);

实施redux-persist后，本机应用程序保持空白？

0 个答案: