Как сохранить объект в редакс сторе?

Question

[OliverAlt]

В редюсере xhr выводит объект xhr, file - объект file, но итоговое состояние содержит лишь пустые объекты. В чем ошибка?

[fileId]: {
    file: {},
    loading: true,
    progress: 0,
    xhr: {},
},

UPLOAD_FILE_REQUEST(state, payload) {
        const {
            contactIndex,
            fileId,
            file,
            xhr,
        } = payload;

        return {
            ...state,
            contacts: state.contacts.map((contact, index) => {
                if (index === contactIndex) {
                    console.log('-->', payload); // здесь payload.xhr выводит объект xhr, file - объект file
                    return {
                        ...contact,
                        draft: {
                            ...contact.draft,
                            files: {
                                ...contact.draft.files,
                                [fileId]: {
                                    file,
                                    loading: true,
                                    progress: 0,
                                    xhr,
                                },
                            },
                        },
                    };
                }
                return contact;
            }),
        };
    },

Comments

[Антон Спирин]

Если есть возможность, добавьте пример в песочницу.

[Сергей Сунцев]

ducks-modular-redux вам поможет

Answer 1

[Никита]

Не рассматривали immutable пакет для работы со стором?

Comments

[Никита]

Тогда ваш редьюсер может выглядеть так:

import {Map} from 'immutable';

const DROP_CACHE_DATA = 'DROP_CACHE_DATA';
export const coreActionCreators = {
   dropCacheData() {
        return {
            type: DROP_CACHE_DATA
        }
    }
}

export const core = (state = initialCoreState, action) => {

    switch (action.type) {

        case DROP_CACHE_DATA:
            return state
                .set('loadingDictionaries', false)
                .set('initDictionaries', false);
     }
}

если нужно изменить только свойство объекта:
state.setIn([objectName, objectProp], value)