如何添加新的键值以反应js状态数组? [英] How to add a new key value to react js state array?

查看:260
本文介绍了如何添加新的键值以反应js状态数组?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想向数组ınto状态添加新的键值吗?我在下面告诉你我想做什么.我怎样才能做到这一点? 1.以构造方法启动状态

I want to add new key value to array ınto state? I tell you what I want to do below. How can I do that? 1. Start state in consruture method

`this.state = {
    files: []
}'

  1. 使用活动文件设置状态之后

  1. After I doing set state with active files

this.setState({files:activeFiles})

this.setState({files: activeFiles})

显示我的状态

{ files: [ { key1: val1, key2: val2, key3: val3 }, { key1: val1, key2: val2, key3: val3 }, { key1: val1, key2: val2, key3: val3 } ] }

{ files: [ { key1: val1, key2: val2, key3: val3 }, { key1: val1, key2: val2, key3: val3 }, { key1: val1, key2: val2, key3: val3 } ] }

如何为每个文件添加新的键值? 我想要的状态

How to add new key value for each file? The state I want

{ files: [ { key1: val1, key2: val2, key3: val3, key4: val4 }, { key1: val1, key2: val2, key3: val3, key4: val4 }, { key1: val1, key2: val2, key3: val3, key4: val4 } ] }

{ files: [ { key1: val1, key2: val2, key3: val3, key4: val4 }, { key1: val1, key2: val2, key3: val3, key4: val4 }, { key1: val1, key2: val2, key3: val3, key4: val4 } ] }

推荐答案

我认为这将满足上述情况.

I think This will meet the above scenario.

const newFile = this.state.files.map((file) => {

    return {...file, key4: val4};
});
this.setState({files: newFile });

这篇关于如何添加新的键值以反应js状态数组?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆