Состояние в редукторе инициализируется для вложенного объекта

Question

Состояние устанавливается для вложенного объекта {профиль: {профиль: {}} вместо {профиль: {}}.И тогда в магазине также есть этот вложенный объект.

const profile = {
    nickname: '',
    avatar: '',
};

export default (state = {profile}, action) => {
      switch (action.type) {
        case 'GET_PROFILE':
        return  {
          ...state,
          profile: action.payload
        };

        default:
            return state;

  }
}

Answer 1

Как вы упомянули в комментарии, action.payload будет {profile: {...}}.

Это то, что вы пытаетесь сделать profile: {profile: {...}}

ИтакЕдинственное, что вы можете сделать, это profile: action.payload.profile, это должно решить вашу проблему.

Или при отправке действия GET_PROFILE вы можете отправить {the ... = псевдоним: 'Dany', аватар: 'somepath.jpg'} в качестве данных вместо {people: {the ... = псевдоним:' Dany ', аватар:' somepath.jpg '}}.Таким образом, вы можете сохранить action.payload в редукторе.