当前位置: 首页 > 面试题库 >

如何添加新的键值以反应js状态数组?

弘志勇
2023-03-14
问题内容

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

`this.state = {
    files: []
}'
  1. 在对活动文件进行设置状态之后

this.setState({files:activeFiles})

  1. 筛选我的状态

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

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

{ 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 } ] }


问题答案:

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

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

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


 类似资料:
  • 我现在正在学习React,但在重新渲染组件时遇到了问题。应用程序。js代码: 问题是不是最新的。它总是弱智,这是以前的状态。我试图调用一个在和的回调中,但是它仍然不起作用,我不知道为什么。

  • 问题内容: 假设我在组件中将状态设置为: 如果在我的代码的其他地方,我有一个包含这些值的键的数组,即,如何循环遍历该数组以找到相应状态值的值? 问题答案: 状态是一个对象 ,因此您可以通过以下方式访问任何值: 使用任何循环等迭代,并通过来访问值,如下所示: 检查以下代码段:

  • 我需要react js中的语法帮助, 我希望在这条道路上取得这样的成就 以下代码不起作用 尽管如此,这适用于 我应该如何附加这样的字符串值以便它理解?

  • 问题内容: 在这里,我尝试设置为’hello’,然后打印它,但是状态似乎为空。当我刚刚使用更新状态时怎么办?设置为全局变量。 问题答案: 从reactjs文档中: 不会立即变异,但会创建待处理的状态转换。调用此方法后进行访问可能会返回现有值。 https://facebook.github.io/react/docs/component- api.html 您可以做的是将状态更新后传递给回调函数:

  • 问题内容: 我处于状态的对象数组: 我需要能够基于id属性搜索items数组,然后更新对象属性。 我可以使用id参数通过数组或在数组上获取对象。 我遇到的麻烦是更新数组,然后更新状态而不会发生突变。 此时,我有一个匹配的对象,可以使用对象传播来更新它的属性: 我的问题是我该如何更新状态,以使其覆盖初始查找操作返回的对象? 问题答案: 您的更新功能如下所示 你这样使用它 毛吧? 如果您继续以这种方式

  • 我在JS对象(不是数组)中有一个