React/Redux Component nicht neu rendern

Question

Ich habe ein Problem mit einer reagierenden Komponente, die nicht neu rendert, obwohl ich sehe, dass der Zustand richtig aktualisiert wird. Ich verwende redux, ich habe gelesen, dass Zustandsänderung häufig das Problem/die Ursache davon ist, ich denke gerade nicht, dass ich das tue. Der Wert, den ich aktualisiere, ist innerhalb des Status 3 Ebenen tief verschachtelt. Hier

ist der Code:

import { RECEIVE_CURRENT_SCAN_RESULT } from '../constants'; 

const initialState = { 
    currentScanResult: {info:{}, results:[]}, 
}; 

[RECEIVE_CURRENT_SCAN_RESULT]: (state, payload) => 
    Object.assign({}, state, { 
     currentScanResult: Object.assign(state.currentScanResult, payload) 
    }), 

export function createReducer(initialState, reducerMap) { 
    return (state = initialState, action) => { 
     const reducer = reducerMap[action.type]; 

     return reducer 
      ? reducer(state, action.payload) 
      : state; 
    } 
} 

Answer 1

In Object.assign das erste Argument ist das "Ziel" Objekt,

so diese Linie

currentScanResult: Object.assign(state.currentScanResult, payload) 

noch mutiert die currentScanResult Eigenschaft auf die Zustand.

ein leeres Objekt als erstes Argument in Object.assign, wie Sie auf der ersten Ebene haben, so wird das Ganze:

// empty object as target here 
Object.assign({}, state, { 
    // empty object as target here as well 
    currentScanResult: Object.assign({}, state.currentScanResult, payload) 
}) 

und das sollte zumindest testen, ob das das Problem ist ein Problem der Mutation oder wenn es etwas anderes gibt, das repariert werden muss.