本文介绍了如何在React状态下更新对象的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在JS对象(不是数组)中有一个个用户的索引列表。这是React状态的一部分。

I have an indexed list of users in the JS object (not array). It's part of the React state.

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

什么是最佳做法:


  1. 添加新用户{ id:4,名称:id为(4)作为键的 Jane}

  2. 删除ID为2的用户

  3. 更改用户名称#2到彼得

没有任何不变的助手。我正在使用Coffeescript和下划线(因此_.extend没问题...)。

Without any immutable helpers. I'm using Coffeescript and Underscore (so _.extend is ok...).

谢谢。

推荐答案

这就是我要做的事情


  • add: var newUsers = _.extend({},users,{4:{id:4,...}})

  • 删除: var newUsers = _.extend({},用户),然后删除newUsers ['2']

  • 更改: var newUsers = _.extend({},users)然后 newUsers ['2']。name ='Peter'

  • add: var newUsers = _.extend({}, users, { 4: { id: 4, ... } })
  • remove: var newUsers = _.extend({}, users) then delete newUsers['2']
  • change: var newUsers = _.extend({}, users) then newUsers['2'].name = 'Peter'

这篇关于如何在React状态下更新对象的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-17 21:19