如何在React中从数组状态中移除元素？
在React中，要从数组状态中移除元素，可以使用filter方法或者splice方法。
- 使用
filter方法：- 首先，获取当前数组状态的副本。
- 然后，使用
filter方法过滤掉需要移除的元素。 - 最后，将过滤后的新数组设置为新的状态。
- 以下是示例代码：
- 以下是示例代码：
- 使用
splice方法：- 首先，获取当前数组状态的副本。
- 然后，使用
splice方法从副本中移除指定索引的元素。 - 最后，将修改后的副本数组设置为新的状态。
- 以下是示例代码：
- 以下是示例代码：
以上是在React中从数组状态中移除元素的两种常见方法。根据具体需求选择适合的方法进行操作。
相关·内容
1回答
我在firebase中有一个名为Rooms的根分支数组，在应用程序中有一个名为rooms (数组)的状态。当用户输入新房间名并按下submit时，它将被添加到Rooms对象的末尾。我的起点是来自的一个线程。handleRemove={this.handleRemove.bind(this)} /></div>
Di
浏览 0提问于2017-03-07得票数 1
回答已采纳
我有一个文本输入列表，其中的数据来自一个包含URL的数组(state)，并给出了一个索引，我想删除相应的元素。我有一段代码，其中console.log正确地显示了没有我删除的元素的新数组，但由于某些原因，页面上的最后一个输入总是会从列表中删除(直观地说-图像如下)。</a> </Row> })无论我在哪里点击，最后一个输
浏览 121提问于2020-05-14得票数 0
回答已采纳
我想在不改变数组长度的情况下，从React状态中的数组中移除元素。我的实际解决方案取决于数组长度(也不确定它是否正确)。
浏览 171提问于2019-04-01得票数 0
5回答
我正在使用useState钩子，当我单击输入值按钮时，它更新了我的状态，并在数组中添加了新的元素。我想在这里实现这一点，当我单击相同的正负数值时，应该从数组中移除两个相同的数字--例如，当我单击一个按钮并添加元素时，如果我添加了3和-3，那么这两个数字都应该从数组中删除，如示例所示。/styles.css";
import { useState
浏览 21提问于2022-11-24得票数 0
2回答
不知道如何在标题中恰当地表达这个问题。0: state.isOpen: closed奇怪，因为我希望新的第一个元素是开放的，而第二个元素是关闭的。看起来状态并不遵循元素(例如。第二元素状态将在移除<
浏览 8提问于2017-12-19得票数 1
3回答
我有一个通过在react中使用数组创建的元素列表。在用户单击时，如何使单击的元素处于活动状态(通过添加CSS类)，同时使其他元素处于非活动状态(通过移除活动的类)？ <item className="media-body">{person.name}</item>
</d
浏览 1提问于2016-11-25得票数 8
回答已采纳
1回答
有一个本地状态(钩子)，它有一个由四个元素组成的数组。屏幕上有一个按钮，用于将新元素添加到此数组中。加载组件时，在useEffect中调用每5秒从状态中移除第一个元素的方法。如果您没有触摸向状态添加新元素的按钮，那么一切都会正常工作。但是，如果开始添加元素，则删除操作将根据以前的状态进行，然后才会显示具有新<e
浏览 12提问于2019-10-09得票数 0
1回答
在React.createclass元素中，可以访问输入值或任何状态值，如 this.setState({author: e.target.value});但是在React.component中这是不可能的，所以我如何在React.component中实现类似的任务？
浏览 3提问于2016-05-19得票数 2
回答已采纳
4回答
这个函数的目的是删除待办事项，但我真的不明白它是做什么的，比如为什么要过滤掉与function...can中传递的id不同的待办事项，有人能帮我解释一下吗？非常感谢!
浏览 43提问于2021-09-25得票数 1
1回答
我正在构建一个应用程序，它需要一个拖放界面以及连接拖放的元素和构建流程图的能力。这是基本结构：<RenderNodes myArray={this.state.myArray} />
然后在RenderNodes组件中，我循环遍历数
浏览 5提问于2017-03-16得票数 0
1回答
我正在尝试从JSON创建视图！当我使用状态数组呈现render()函数中的每个元素时，它打印的是最后一个索引元素，我如何在状态数组中循环。下面是我的代码来实现这一点！import React, { Component } from "react";
import { View, TextInput, Button, StyleSheet, Text } from
浏览 3提问于2020-10-22得票数 0
回答已采纳
我是新编程的，我想模糊输入元素的类型“文本”。我尝试过使用querySelector和模糊方法。但没起作用。:not([type=file]),textarea'); }输入元素</
浏览 0提问于2019-11-04得票数 3
1回答
我如何使用香草javascript将DOM节点插入到react创建的DOM节点的层次结构中，这样当状态发生变化时，React就不会删除它。问题:插入节点的可以工作，但是一旦react应用程序中的某些状态发生变化，它就会从DOM中删除自定义节点。如何插入不移除</e
浏览 5提问于2022-07-28得票数 1
1回答
当从redux状态中删除元素时，我有更新组件的问题。({ removeProduct: React.PropTypes.func.isRequired, open: React.PropTypes.func.isRequired, removeFromBasket(index, name) {
this.props.removeP
浏览 1提问于2017-02-09得票数 1
回答已采纳
我希望能够单击一个列表项(它是由数组中的项生成的)，并从数组中永久删除它。我可以在单击remove()时删除它，但是当我将另一个项添加到数组中时，项目会显示返回，再加上我刚刚添加的新项。
浏览 1提问于2014-08-07得票数 0
回答已采纳
假设我有以下代码片段： alarms: Alarm[];export default class Alarms extends React.Component我发现我可以使用alarms: new Array<Alarm>()来初始化一个空类型的数组，但是我真的不喜欢这个语法--有没有更简单/更好的方法？
浏览 5提问于2018-07-12得票数 25
回答已采纳
1回答
然后，ShopsComponent映射作为道具接收的项数组，并为数组中的每个项呈现一个ShopsItemComponent。在我的ShopsContainer文件中，我有一个使用以下代码从状态中移除商店项的方法： this.setState(prevState== shopAccount }));当发生这种情况时，正确的项将在状态下<e
浏览 0提问于2018-10-18得票数 0
回答已采纳
我有一个具有层次结构的react应用程序。表单有子窗体，有参数组，有参数.每个参数都有一个值数组。这些值可以添加到数组中，也可以从数组中删除(每个参数呈现带有移除按钮的表和带有add按钮的输入字段)。最后，我需要在根组件中的数组中生成所有可能的跨参数值组合，并将每个可能的组合显示为位于根组件中的表中的一行。
因此，我在根元素中保存所有状态
浏览 3提问于2016-06-14得票数 1
回答已采纳
我在Redux中有一个操作，它可以删除3个条目的硬编码数组中的最后一个项。正在发生的事情是，项目被移除数组，但长度(dataLength)直到我再次分派操作时才会更新。所以我有两个问题：
我的dataLength属性设置为null，是否可以在初始状态下获取
浏览 0提问于2018-10-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
