Redux Persist: некоторая часть состояния не сохраняется

Я использую redux с redux-persist и redux-thunk.

Только некоторая часть состояния не сохраняется. Что может быть причиной? это способ заставить сохранить текущее состояние? Когда я вызываю редукторы, состояние обновляется. но когда я перезагружаю приложение, какая-то часть состояния остается прежней. (пустой)

Я думал, что он берет некоторые части состояния из initialstate, поэтому я добавил несколько записей в initialstate, даже если он возвращает пустые объекты. не получая их от initialState.

Заранее спасибо.

только обсуждение

Настройка магазина:

import React from "react";
import { View, AsyncStorage } from 'react-native';
import { applyMiddleware, createStore, compose } from 'redux';
import { Provider } from 'react-redux';
import { persistStore, autoRehydrate } from 'redux-persist';
import thunk from 'redux-thunk';
import { createLogger } from 'redux-logger';
import { reducer } from './reducers';
import Container from './Container';

const middlewares = [thunk];

const logger = createLogger();
middlewares.push(logger);

const store = createStore(reducer, compose(
  applyMiddleware(...middlewares)
), autoRehydrate({ log: true }));

persistStore(store, {storage: AsyncStorage});

const Root = () => (
  <Provider store={store}>
    <Container />
  </Provider>
);

export default Root;

части редуктора:

import {REHYDRATE} from 'redux-persist/constants';
export const types = {
    SYNCHRONISE_DISCUSSIONS: 'SYNCHRONISE_DISCUSSIONS'
};
export const actionCreators = {
    synchroniseDiscussions: (args) => {
        return dispatch => {
            /// Call API
            synchroniseDiscussionsAPI()
            .then((res) => {
                return dispatch(synchroniseDiscussions(res))
            })
            .catch((e) => {
                console.log(e)
            })

        }
    }
}
const synchroniseDiscussions = (args) => {
    return {type: types.SYNCHRONISE_DISCUSSIONS, payload: args}
}
const initialState = {
    rehydrated: false,
    discussionStudents: [],
    discussionGroups: [],
    discussionsMessages: [],
    discussionParticipants: []
}
export const reducer = (state = initialState, action) => {
    const {
        discussionStudents,
        discussionGroups,
        discussionsMessages,
        discussionParticipants
    } = state;
    const {type, payload} = action;
switch (type) {
case types.SYNCHRONISE_DISCUSSIONS:
            {
                const oldStudents = discussionStudents
                const newStudents = payload.discussionStudents
                var parsedStudents = []

                oldStudents.forEach((old, i)=>{
                    if(newStudents.findIndex(newstd => newstd.userId == old.userId) < 0){
                        parsedStudents.push({
                            ...old,
                            status: 'inactive'
                        })
                    }
                })

                newStudents.forEach((newStudent, i)=>{
                    if(parsedStudents.findIndex(pstd => pstd.userId == newStudent.userId) < 0){
                        parsedStudents.push({
                            ...newStudent,
                            status: 'active'
                        })
                    }
                })
                var newdiscussionParticipants = payload.discussionParticipants
                var newdiscussionGroups = payload.discussionGroups

                return Object.assign({}, state, {
                    discussionStudents: parsedStudents,
                    discussionParticipants: newdiscussionParticipants,
                    discussionGroups: newdiscussionGroups
                })
            }
case REHYDRATE:
            {
                return {
                    ...state,
                    rehydrated: true
                }
            }
    }
    return state
}

react-native javascript redux react-redux redux-thunk
person Ata Mohammadi    schedule 10.05.2017    source источник
comment
похоже, вы делаете мутацию в своем редукторе, а это не очень хорошая практика   -  person Manjeet Singh    schedule 10.05.2017
comment
@ManjeetSingh Не могли бы вы рассказать мне, в какой части вы это видели?   -  person Ata Mohammadi    schedule 10.05.2017
comment
Я не уверен, но push - это мутирующая функция, оператор распространения и concat должны были выполнить вашу задачу   -  person Manjeet Singh    schedule 10.05.2017
comment
@ManjeetSingh Я не настаиваю на утверждении. нажатие на массив, а затем создание нового объекта состояния с помощью Object.assign. Я не делаю ничего подобного state.push, как вы можете видеть в коде.   -  person Ata Mohammadi    schedule 10.05.2017

Ответы (1)


arrow_upward
0
arrow_downward

Я нашел проблему. Проблема заключалась в том, что я использовал циклы for внутри функции. и обещание было разрешено до завершения цикла. Проблема решена заменой встроенного цикла javascript пользовательским асинхронным циклом:

const asyncLoop = (iterations, func, callback) => {
    var index = 0;
    var done = false;
    var loop = {
        next: function() {
            if (done) {
                return;
            }
            if (index < iterations) {
                index++;
                func(loop);
            } else {
                done = true;
                callback();
            }
        },
        iteration: function() {
            return index - 1;
        },
        break: function() {
            done = true;
            callback();
        }
    };
    loop.next();
    return loop;
}

person Ata Mohammadi    schedule 12.05.2017