React/Reduxコンポーネントが再レンダリングされない

Question

リアクションコンポーネントが正しく更新されていても再レンダリングに問題があります。私はreduxを使用している、私は状態の変異を読むことが多い問題/これの原因は、私はそれをやっていると思っていない。私が更新している値は、その状態の中で3レベル深くネストされています。ここで

コードです：Object.assignで

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

最初の引数は、 "ターゲット" オブジェクトであるので、このライン

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

はまだ上currentScanResultプロパティを変異され、

状態。

あなたが最初のレベルで行ったように、全体のことになるので、Object.assignに最初の引数として空のオブジェクトを使用します。

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

及びそのはず、少なくともテスト問題は、突然変異の問題である場合または修正する必要がある他のものがある場合。