Question

我想更新数组中一个对象的状态，而不是更新整个数组的状态。

const [users, setUsers] = useState;

const data = [
{ 
    id: 1,
    name: "John",
    activeAccount: 1 
},
{ 
    id: 2,
    name: "Mary",
    activeAccount: 1 
},
{ 
    id: 3,
    name: "Max",
    activeAccount: 1 
}
]

例如，John停用了他的帐户，activeAccount的状态应更新为0。因此，仅应更新一个对象（他没有其他用户的数据，也无法更新所有数组）-仅作为示例，为什么在这里使用user.id


const index = users.findIndex(obj => obj.id === user.id); // find index of object
users[index].activeAccount = 0
setUsers(users) // Nothing updated

我也尝试使用Immutability Helper

import update from 'immutability-helper';

const index = users.findIndex(obj => obj.id === user.id); // find index of object
setUsers({
   users: update(...users, {index: {activeAccount: {$set: 0 }}})
})

有人可以帮忙吗？有解决办法吗？

Answer 1

解决方案：

const index = users.findIndex(obj => obj.id === user.id);
setUsers([...users, users[index].activateAccount = 0])

Answer 2

呼叫时可能有问题

setUsers({
  users: update(...users, {index: {activeAccount: {$set: 0 }}})
})

如果您要通过以下方式初始化状态：

const data = [
{ 
    id: 1,
    name: "John",
    activeAccount: 1 
},
{ 
    id: 2,
    name: "Mary",
    activeAccount: 1 
},
{ 
    id: 3,
    name: "Max",
    activeAccount: 1 
}
]

const [users, setUsers] = useState(data);

然后您需要在没有对象的情况下调用setUsers：

setUsers(
  update(...users, {index: {activeAccount: {$set: 0 }}})
)

如何使用钩子更新React Native数组中一个对象的状态

2 个答案: