состояние изменилось, но рендер не вызывается снова

Question

редуктора

` 
saveEnd(state, action){ 
    let data = action.payload; 
    let data1 = {}; 
    data1['' + data.platform] = {}; 
    data1['' + data.platform]['' + data.type] = data; 
    $.extend(true, state.serCfgData, data1); 
    return state 
} 
` 

Я считаю, состояние изменился в хромированном Redux разработки инструментов, но вид не обновлять, а затем, когда я использую return {...state} в просмотр - это обновление, я не понимаю.

Answer 1

Когда вы видите обновление хранилища редукта, но не видите компонент Render, одна из первых вещей, которую вы должны сделать, это проверить, не мутирован ли ваш объект состояния.

В соответствии с документацией на Jquery расширить:

Объединение содержимого двух или более объектов вместе в объектпервый .

Обратите внимание, что в вашем коде:

// jQuery.extend([deep ], target, object1 [, objectN ]) 
$.extend(true, state.serCfgData, data1); 

Вы мутирует объект состояния, а не копию. Вы можете сделать что-то вроде этого, чтобы избежать мутирует состояние:

... 
... 
// Babel Stage 3 spread operator 
const newState = {...state}; 

$.extend(true, newState.serCfgData, data1); 
return newState; 

Обратите внимание, что когда вы return {...state}, причина обновляет это вы возвращаете новый объект (оператор Spread создает новый объект.)

Посмотрите на это видео, чтобы понять, как избежать объектные мутации в вашем редукторе:

https://egghead.io/lessons/javascript-redux-avoiding-object-mutations-with-object-assign-and-spread