ReactJS Redux Persist не показывает мои редукторы - PullRequest
Новая
       6

ReactJS Redux Persist не показывает мои редукторы

0 голосов
/ 02 декабря 2018

по какой-то причине - я не вижу своих редукторов, когда я console.log (this.props).Я делал чистку каждый раз, когда я перезагружал приложение, чтобы сбросить текущее состояние редукции.Я даже не могу просмотреть значения по умолчанию INITIAL_STATE.Ниже мой HOC, содержащий маршрутизатор, провайдера и постоянный шлюз.Также есть редуктор (redurs / index.js) и файл конфигурации магазина (store / index.js)

index.js 

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import {store, persistor} from './store/index';
import { PersistGate } from 'redux-persist/integration/react';

import App from './App';

import './i18n';
persistor.purge()
console.log("purged")
ReactDOM.render(
    <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
            <App/>
        </PersistGate>
    </Provider>, 
    document.getElementById('app')
);

store / index.js 

import { createStore, applyMiddleware } from 'redux'
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage' // defaults to localStorage for web and AsyncStorage for react-native

import rootReducer from '../reducers/index'

const persistConfig = {
  key: 'primary',
  storage,
}

const persistedReducer = persistReducer(persistConfig, rootReducer)

const middleware = applyMiddleware()

const store = createStore(
  persistedReducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
  middleware
)
const persistor = persistStore(store)

export {store, persistor}

Редукторы / index.js 

import storage from 'redux-persist/lib/storage';

export const SETJWT = 'auth/login/setJWT'

let INITAL_STATE = {
    JWT: 'testJWT',
    currentUser: null,
    isLoggingIn: false
}

const rootReducer = (state = INITAL_STATE, action) => {
    switch(action.type){
        case SETJWT:
            return {...state, JWT: action.payload};
        default:
            return state;
    }
}

export default rootReducer

1 Ответ

0 голосов
/ 02 декабря 2018

Мне нужно было добавить следующее как в мой createtore 

combineReducers({
      state: persistedReducer
  }),
...