javascript - 如何在reactjs中设置状态特定参数的特定值

Question

this.state = {
  array: [1, 2, 3],
  objects: [{ id: 1 }, { id: 2 }, { id: 3 }]
}

如何在不设置整个数组/对象的情况下更改状态中对象或数组的特定值？

有点像

this.setState({ array[2]: 5 })
this.setState({ object[0].id: 0 })

Answer 1

您可以使用辅助函数在索引处设置元素并返回新更新的数组

const array = [1, 2, 3]
const object = [{id: 1}, {id: 2}, {id: 3}]

const setElementAtIndex = (index, value, array) => [
  ...array.slice(0, index),
  value,
  ...array.slice(index + 1)
]

console.log(setElementAtIndex(0, 99, array))
console.log(setElementAtIndex(1, 99, array))
console.log(setElementAtIndex(2, 99, array))
console.log(setElementAtIndex(0, { ...object[0], id: 0 }, object))

this.setState({ array: setElementAtIndex(2, 5, array) })
this.setState({ object: setElementAtIndex(0, { ...object[0], id: 0 }, object) })