Нужно ли в случае REHYDRATE реализовывать редукс-персист? - PullRequest
0 голосов
/ 24 декабря 2018

Я работаю над проверкой концепции в реактивно-нативном режиме и использую redux-persist.В соответствии с тем, что я прочитал, состояния автоматически назначаются в версии 5, однако мне не удалось повторно гидратировать состояние без случая REHYDRATE.

Мой редуктор:

import {ADD_USER} from '../constants/actionTypes';
import { REHYDRATE } from 'redux-persist';


const initialState = {
    userName: null,
    fetching: false
};

const userReducer = (state = initialState, action) => {
    let copied = Object.assign({}, state);
    switch (action.type){
        case ADD_USER:
            copied.userName = action.payload;
            break;
        case REHYDRATE:
            //console.log('Payload desde el reducer ', action.payload);fsdffdsdsfsdfsdf
            copied = action.payload.userReducer;
            break;
        default:
            break;
    }

    return copied;
};

export default userReducer;

Мой configureStore

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

function logger({ getState }) {
    return (next) => (action) => {
        let returnValue = next(action)
        return returnValue
    }
}

const persistedReducer = persistCombineReducers(persistConfig, {userReducer});

export default () => {
    let store = createStore(persistedReducer, undefined, applyMiddleware(logger));
    let persistor = persistStore(store, null, () => {
        Alert.alert(
            'Fucking state',
            JSON.stringify(store.getState()),
            [
                {text: 'OK', onPress: () => console.log('OK Pressed')},
            ],
            { cancelable: false }
        );
    });
    return { store, persistor }
}

1 Ответ

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

Моя проблема заключалась в том, что я возвращал состояние в конце метода, а не возвращал его в каждом случае коммутатора, и это, безусловно, нарушало автоматическую регидратацию.Замена редуктора возвращает мою проблему исчезла.

Код редуктора был такой:

const initialState = {
    userName: null,
    fetching: false
};

const userReducer = (state = initialState, action) => {
    switch (action.type){
        case ADD_USER:{
            let copied = Object.assign({}, state);
            copied.userName = action.payload;
            return copied;
        }
        default:
            return state;
    }
};

export default userReducer;
...