Как правильно обратиться к вложенному обьекту?

Question

[Олег Гамега]

Здравствуйте.
Пишу react redux приложение, хочу использовать примерно такой state

const initialState = {
    user: {
        response: {},
        error: null,
        isFetching: false
    },
    friends: {
        response: {
            count: 0,
            items: []
        },
        error: null,
        isFetching: false
    }
};

но ругается когда обращаюсь к response вот так

switch (action.type) {
        case types.GET_USER_LOADED:
            return {...state, user.response: action.payload};
.......

ps
изначально делал без вложенных объектов

const initialState = {
    user: {},
    userIsFetching: false,
    userError: null,
    
    friends:{
        count:0,
        items:[]
    },
    friendsIsFetching: false,
    friendsError: null
};

const  api = (state = initialState, action)=>{
    switch (action.type){
        case types.GET_USER_LOADED:
            return{...state, user:action.payload};
........

но проект растет, и это становится не очень удобно

Answer 1

[Никита Гущин]

Вам нужно последовательно пересоздать все вложенные объекты:

return { 
  ...state,
  user: {
    ...state.user,
    response: { ...action.payload },
  }
}

Comments

[Олег Гамега]

спасибо