javascript - 我怎样才能在 redux 中正确克隆 json 数组？

Question

我是 Redux 的新手，起初我觉得 Redux 概念很奇怪。假设我有一个处于 redux 状态的数组。

const state = [ 
  {show: false, id : '1'},
  {show: false, id : '2'},
  {show: false, id : '3'},
  {show: false, id : '4'},
  {show: false, id : '5'}
]

我想克隆这个数组并改变/变异一个对象。

我在 reducer 中尝试过类似的方法，但没有成功。

   return  [...state.concat(Object.assign({}, state[0], {show:true} )).slice(1,5)];

任何帮助或解释都会很好。

Answer 1

我认为您可能已将问题中的 [] 切换为 {}。

假设你的状态是:

const state = [ 
  { show: false, id: '1' },
  { show: false, id: '2' },
  { show: false, id: '3' },
  { show: false, id: '4' },
  { show: false, id: '5' }
]

你可以这样写一个reducer:

return [
  ...state.slice(0, index),
  Object.assign({}, state[index], { /* your changes */ })
  ...state.slice(index + 1)
]

其中 index 是您要更改的元素的索引。

引用资料

• Redux: Avoiding Array Mutations with concat(), slice(), and ...spread