Redux speichern doppelte Verschachtelung

Question

Ich bekomme doppelten verschachtelten Zustand nach api Anruf. Hier ist es.

Screenshot from redux devtools

Hier sind meine Aktionen

export const getUserSuccess = user => ({ 
 
    type: GET_USER_SUCCESS, 
 
    user, 
 
}); 
 

 
export const getUserFailure = error => ({ 
 
    type: GET_USER_FAILURE, 
 
    error, 
 
}); 
 

 
export const getUserRequest =() => (
 
    dispatch => (
 
    axios.get('./user.json') 
 
     .then(response => dispatch(getUserSuccess(response.data))) 
 
     .catch(error => dispatch(getUserFailure(error))) 
 
) 
 
);

hier ist mein Benutzerminderer

export default function user(state = {}, action) { 
 
    switch (action.type) { 
 
    case GET_USER_SUCCESS: 
 
     return { 
 
     ...state, 
 
     user: action.user, 
 
     }; 
 
    case GET_USER_FAILURE: 
 
     return { 
 
     ...state, 
 
     error: action.error, 
 
     }; 
 
    default: 
 
     return state; 
 
    } 
 
}

und hier ist meine Wurzel Minderer

export default combineReducers({ 
 
    user, 
 
});

Answer 1

Wenn dieses Minderer sollte den Zustand der vollständigen Darstellung des neuen Benutzers aktualisieren (und alte Daten verwerfen) sollten Sie nur die neue zurückkehren Benutzer als Status.

Können Sie das folgende Foto machen?

export default function user(state = {}, action) { 
 
    switch (action.type) { 
 
    case GET_USER_SUCCESS: 
 
     return action.user; 
 
    case GET_USER_FAILURE: 
 
     return { 
 
     ...state, 
 
     error: action.error, 
 
     }; 
 
    default: 
 
     return state; 
 
    } 
 
}

Answer 2

Sie benötigen die Daten zu verbreiten, die für Benutzer kommt, keine Notwendigkeit, es zu user zuweisen. Ihr Minderer ist in bereits

case GET_USER_SUCCESS: 
 
    return { 
 
    ...state, 
 
    ...action.user 
 
    };

Answer 3

Gemessen an diesem Zitat

Wenn ich das der Benutzer mit Array versuchen werden, dann wird Array

zerstört werden Warum nicht Object.assign() verwenden?

return Object.assign({}, state, {user: [...state.user, ...action.user]}) 

Angenommen, dass mehrere Benutzer eine Möglichkeit ist, warum nicht nur die Benutzereigenschaft in Ihrem Zustand als ein Array beibehalten?