更新没有突变的对象数组

Question

我正在关注一个反应教程，但我迷路了。我不明白第 9 行。

所以我试着做一个小人物

const updateTodo = (list, updated) => {
   const index = list.findIndex(item => item.id === updated.id)
   return [
   ...list.slice(0,index),
   updated,
   ...list.slice(index+1)
   ]
}

https://jsbin.com/sifihocija/2/edit?js,console却没有产生作者所做的结果，这是怎么回事？

Answer 1

问题出在这一行：

const index = list.findIndex(item => item.id === updated.id)

updated 是 array，要访问 id，您还需要指定 index， 对于其他array，您正在使用loop，因此item 将是array 的每个object，而item.id 将为您提供每个object 的id，试试这个：

const index = list.findIndex(item => item.id === updated[0].id)

const arr = [
  {id:1,name:'hello'},
  {id:2,name:'hai'}
]

const arr2 = [
  {id:2,name:'this should be a new string'}
]

const updateTodo = (list, updated) => {
   const index = list.findIndex(item => item.id === updated[0].id);
   return [
   ...list.slice(0,index),
   ...updated,
   ...list.slice(index+1)
   ]
}

console.log(JSON.stringify(updateTodo(arr,arr2)))

查看工作代码：https://jsbin.com/pazakujava/edit?js,console

如果您需要任何帮助，请告诉我。