Как объединить предыдущее состояние с новым в редуксе?

Question

Как объединить существующее состояние с новым состоянием в реактивном нативном режиме с использованием приставки? "

я пробовал эти

const Initial_State = { images: [] };

export default (state = Initial_State, action) => {

    switch (action.type) {

       case 'ImagesFetch':

            return  {...state,  images: action.payload};

        default:
            return state;
    }
}

эти два возвращают новое состояние, но не показывают предыдущеесостояние

const Initial_State = { images: [] };

export default (state = Initial_State, action) => {

    switch (action.type) {

       case 'ImagesFetch':

            return  {...state,  images: [...action.payload]};

        default:
            return state;
    }
}

const Initial_State = { images: [] };

export default (state = Initial_State, action) => {

    switch (action.type) {

       case 'ImagesFetch':

            return  [...state,  ...action.payload.images];

        default:
            return state;
    }
}

и выбрасывание и ошибка, ни один из вышеперечисленных не сработал

Answer 1

попробуйте это:

const Initial_State = { images: [] };

export default (state = Initial_State, action) => {

    switch (action.type) {

        case 'ImagesFetch':

            return {
                images: [...state.images, action.payload]
            };

        default:
            return state;
    }
}

Или лучше в безопасное место, если в будущем вы добавите к состоянию другие свойства:

const Initial_State = { images: [] };

export default (state = Initial_State, action) => {

    switch (action.type) {

        case 'ImagesFetch':

            return {
                ...state,
                images: [...state.images, action.payload]
            };

        default:
            return state;
    }
}