如何更新处于反应状态的对象

Question

我在JS对象（不是数组）中有一个用户的索引列表。这是反应状态的一部分。

{
    1: { id: 1, name: "John" }
    2: { id: 2, name: "Jim" }
    3: { id: 3, name: "James" }
}

最佳做法是：

1. 添加一个新用户{id:4，名称：“Jane”}，id（4）作为密钥
2. 删除id为2的用户
3. 将用户#2的名称更改为“Peter”

没有任何不变的助手。我使用的是Coffeescript和下划线（所以扩展是可以的…）。

谢谢。




Answer 1

除了_之外，您还可以使用Map存储user

let user = new Map();
user.set(4, { id: 4, name: "Jane" }); //adds with id (4) as key
user.myMap.set(2, { id: 2, name: "Peter" }); // set user #2 to "Peter"
user.delete(3); //deletes user with id 3

Answer 2

如果不使用Flux，则使用此.setState（）更新状态对象。

delUser(id) {
    const users = this.state.users;
    delete users[id];
    this.setState(users);
}

addChangeUser(id, name) {
    const users = this.state.users;
    users[id] = {id: id, name: name};
    this.setState(users);
}

然后，您可以通过以下方式执行测试用例：

addChangeUser(4, 'Jane);
addChangeUser(2, 'Peter');
delUser(2);

Answer 3

这就是我要做的

• add:var newUsers=..extend（{}，users，{4:{id:4，…}}）