Javascript用用户输入替换对象列表中的键值

问题描述

我有一个对象如下。

let data= {
  "" : { name: 'Tom',age: '21'},"26": { name: 'Harry',age: '22'}
}

当用户单击添加按钮添加新条目时，将创建列表中的第一个条目。 我从输入字段中获取第一个条目的键值。因此，如果输入值为 8，则新数据应如下所示。

let data= {
  "8" : { name: 'Tom',age: '22'}
}

我怎样才能做到这一点？

解决方法

您可以将 data['some_key'] 设置为等于 data['']，而不是像下面那样删除 data['']（根据您的示例）：

data['8'] = data['']
delete data['']

,

您可以使用解构生成新状态，然后设置新状态：

const updateTempKey = ({ '': temp,...data },input) => ({
  ...data,[input]: temp
})

const state = {
  "" : { name: 'Tom',age: '21'},"26": { name: 'Harry',age: '22'}
}

const newState = updateTempKey(state,'8') 

console.log(newState)

无论何时设置输入，也可以设置数据的状态：

setData(state => updateTempKey(state,input))