首页 > 解决方案 > 实施redux-persist后反应本机应用程序保持空白?

问题描述

每个人

我正在尝试使用 redux-persist 来持久化我的商店,但是在将它实施到我的 app.js 之后,我得到了白屏,我寻找了这个错误,我唯一能找到的就是清除 componentDidMount() 甚至这对我不起作用:

应用程序.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> 

  );
}

}

商店.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);

标签: reactjsreact-nativereduxreact-native-androidredux-persist

解决方案


推荐阅读