状态发生了变化，但呈现不叫再

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 
} 
` 

我找到状态的铬终极版已经改变了开发工具，但视图不更新，那么当我用return {...state}的视图是更新，我不明白。

Answer 1

当您看到您的redux商店更新但没有看到组件重新渲染时，您应该做的第一件事之一是检查您的状态对象是否正在发生变异。

根据上延伸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}，它更新的原因是你是返回一个新的对象（传播运营商创建一个新的对象。）

看看这段视频，了解如何避免在减速对象突变：

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