react-redux 解决不重新渲染的问题

原始代码：

const reducers = (state=defaultState, action) => { switch(action.type) { case 'change': return Object.assign({}, state, {navList: action.navList}); default: return state; } } 

• 数据更新正常。但是页面没有刷新。

正常运行代码

const reducers = (state=defaultState, action) => { switch(action.type) { case 'change': return Object.assign({}, state, {navList: [...action.navList]}); default: return state; } } 

• 一眼就能区分哪里不同。其实这个原因在于Object.assign()函数。
  我一直以为它是深拷贝。其实他只深拷贝一层。子对象的是浅拷贝。
  使用[...object1, ...object2]也是和assign方法是一样的拷贝方式。

作者：py晓枫
链接：https://www.jianshu.com/p/67b40993672f
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。