如何在 React 状态下更新对象

How to update object in React state(如何在 React 状态下更新对象)

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

问题描述

我在 JS 对象(不是数组)中有一个 users 的索引列表.它是 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, name: "Jane" },id (4) 作为键
  2. 移除 id 为 2 的用户
  3. 将用户 #2 的名称更改为Peter"

没有任何不可变的助手.我正在使用 Coffeescript 和 Underscore(所以 _.extend 没问题...).

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

谢谢.

推荐答案

这就是我会做的

  • 添加:var newUsers = _.extend({}, users, { 4: { id: 4, ... } })
  • 删除:var newUsers = _.extend({}, users) 然后delete 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 状态下更新对象的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何在 React 状态下更新对象

基础教程推荐