如何在React状态下更新对象
如何在React状态下更新对象
提问于 2016-04-15 22:58:59
我在JS对象(不是数组)中有一个users的索引列表。它是React状态的一部分。
{
1: { id: 1, name: "John" }
2: { id: 2, name: "Jim" }
3: { id: 3, name: "James" }
}执行以下操作的最佳实践：
- 添加一个id为(4)的新用户{ id: 4，name："Jane“}作为密钥
- 删除id为2的用户
- 将用户#2的名称更改为"Peter"
没有任何不可变的帮助器。我使用了Coffeescript和下划线(所以_.extend是可以的…)。
谢谢。
回答 5
Stack Overflow用户
发布于 2016-04-15 23:07:29
这就是我要做的
依次添加：var newUsers = _.extend({}, users, { 4: { id: 4, ... } })
- remove：
- 、
newUsers['2'].name = 'Peter'
、var newUsers = _.extend({}, users)和var newUsers = _.extend({}, users)
Stack Overflow用户
发布于 2016-04-15 23:08:47
如果您没有使用Flux，那么可以使用this.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);Stack Overflow用户
发布于 2016-05-02 19:33:19
除了_.extend之外，您还可以使用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页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36650570
复制相关文章
相似问题