react中使用splice函数去删除数组的某一项

2023-11-16

1、splice函数
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
slice() 方法可从已有的数组中返回选定的元素。
所以,在使用的时候,就要注意的是:

  • splice返回的是被删除的项目

2、举一个我在react中使用的小案例:
完成的功能是删除数组的某一项:
在这里插入图片描述

这里我需要更新的应该是我截取后的数组

  // 删除
  deleteSelect = (index) => {
    const { initSelectInputList } = this.state;
    const a = initSelectInputList.splice(index, 1);   // 输出返回值
    console.log("返回值", a)
    initSelectInputList.splice(index, 1);
    console.log("截取后", initSelectInputList)  // 输出原数组
    this.initUpdateList(initSelectInputList);
    this.setState({
      initSelectInputList,
    })
  }

原数组的长度是3
打印值:
在这里插入图片描述
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

react中使用splice函数去删除数组的某一项 的相关文章

  • 如何在测试用例失败时在量角器中截取屏幕截图

    我是量角器的新手 想在浏览器中截取失败的测试用例的屏幕截图 您能帮我建议一下我该怎么做吗 谢谢 您可以使用protractor jasmine2 screenshot reporter为此 它有一些很好的功能可以满足您的目的 var Htm
  • 如何在 Angular2 中嵌入视频?

    我想开发单页应用程序 它是一个视频门户 用户可以登录 查看视频列表 导航到单个视频 对视频进行评分 并可以执行所有媒体相关任务 例如 播放 暂停 调整音量和寻找视频位置 既然有
  • 在反应中将索引从一个函数传递到另一个函数

    我有一个项目列表 单击删除按钮后该项目将被删除 我知道执行此操作的步骤 但我不知道如何将密钥传递到 dlt item 范围 http jsfiddle net 3Ley7uac 1 http jsfiddle net 3Ley7uac 1
  • 每个对象都是一个函数,每个函数都是对象 - 哪个是正确的?

    我正在阅读这个链接JavaScript 语法 http en wikipedia org wiki JavaScript syntax 这似乎是循环的 每个函数都是一个对象 每个对象本身也是一个函数 哪个是原子的 有人可以用更好的方式解释吗
  • 使用字符串函数查找周期字符串

    我正在寻找一种方法来检查字符串是否是周期性的或不使用 JavaScript 要匹配的示例字符串可以是11223331122333 然而 10101不应该匹配 来自 python 我使用了 RegEx 1 但速度相当慢 有没有任何字符串方法可
  • JS Facebook登录iOS8

    我的 facebook 应用程序上的登录按钮在 iOS 8 中完全停止工作 我以为这是我所做的事情 但是当我从他们的网站获取 facebook 示例 html 并将其应用到我的页面时 它仍然不起作用 我的应用程序 ID 已被替换 与 xxx
  • 如何绑定国家/地区更改国际电话输入

    我使用国家代码插件名称国际电话输入 js https intl tel input com 这是我的演示页面 在页面中我想清空手机 输入字段 当国家选择改变时 div class demo h3 Demo h3 div class iti
  • 如何在Keystone.js List Map中指定多个字段?

    想知道如何在 Keystone js List Map 中指定多个字段 例如 基于 Keystone 数据模型文档 http keystonejs com docs database http keystonejs com docs dat
  • 如何从主体上的 onClick 事件获取鼠标单击的绝对位置?

    我试图获取鼠标单击相对于浏览器 主体的绝对位置 顶部和左侧 not主体内的任何父元素 我有一个绑定到 body 的侦听器 但 e pageX 和 e pageY 为我提供了相对于 div 的位置 请注意 我可以利用 jQuery 和 YUI
  • 尝试在 Windows 上执行 package.json 中的脚本会引发 JScript 错误

    所以我正在尝试构建 javascriptair site 在 的里面package json有一个 npm 脚本指向 javascript 命令 package scripts 找到该存储库https github com kentcdod
  • 为什么WAV格式在不同的浏览器中没有相同的mimetype?

    文件输入在 Chrome 或 Firefox 中为同一文件提供不同的 Mimetype 我有一个我想上传的 wav 文件 chrome 说是audio wav和火狐检测audio x wav 我知道这两个 mimetype 非常相似 x 代
  • RxJS 将三元组中的属性组合到表中

    我有一项服务生成类似于三元组的对象 它们将采用以下格式 country attribute value Example country usa attribute population value 100 country mexico at
  • 如何将 !important 添加到 CSS-in-JS (JSS) 类属性?

    我正在尝试使用一些 CSS in JS 类这个答案 https stackoverflow com questions 54525334 how can i change the label size of a material ui te
  • Ember 未在生产环境中加载某些图像

    我有一个 Ember cli 1 13 应用程序 它在公共目录中存储了很多图像 现在 它将正确加载除特定组件中的图像之外的所有图像 该组件的调用方式如下 list item url list url name List Name price
  • 有没有办法在 Blazor 中隐藏 div?

    我正在使用 Blazor 并且想在按下导航栏切换器图标时隐藏侧边栏 列表项崩溃了 但问题是 div 仍然存在 div class page div class sidebar div class nav top row pl 4 navba
  • 设备收到 GCM Android 通知但未显示

    尽管通知已在应用程序本身中注册 但我的 Ionic Android 应用程序的 GCM Cloud 消息通知未出现在我的设备的主屏幕中 我正在使用 npm 模块node gcm https www npmjs com package nod
  • JavaScript 排序列表

    Javascript 或 jQuery 中有排序列表吗 我有一个巨大的列表 随着时间的推移 插入操作很少 每次添加单个项目时 我无法为整个列表调用 object sort 我需要插入 o log n 不 没有 你拥有的只是Array sor
  • ImmutableJS:合并两个对象列表,而不重复它们

    假设我有以下内容 var allFoods Immutable List var frenchFood Immutable List type french fries price 3 type petit gateau price 40
  • 推荐的增长缓冲区的方法?

    假设我正在 Node js 中构造一个可变长度的字符串或一系列字节 buf write 的文档说 https nodejs org api buffer html buffer buf write string offset length
  • Material-UI 中 IconButton 的悬停效果

    图标按钮悬停 https i stack imgur com lsYHX png 这是我正在使用的 Material UI 中的 iconButton 正如您所看到的 当您将鼠标悬停在图标上时 图标周围有一个轻微的灰色边框 禁用此功能的属性

随机推荐

  • 小程序margin-bottom在IOS里面不起作用的解决方法

    margin bottom 是页面标签底部的元素属性 例如view中的定义按钮 如果想要距离底部有20rpx 按照常规写法margin bottom 20rpx 但是小程序用margin bottom在IOS手机出现失效问题 如何解决这个问
  • appuim+python常遇到的问题

    appuim python常遇到的问题 appuim使用过程中常见的问题 import time 一 内嵌H5定位 1 在web自动化中我们会遇见frame的问题 在遇见这些内嵌的标签后我们需要做的就是切换窗口 那么在app自动化测试也有类
  • Kotlin和Java混合开发必读:基本的互操作

    在使用Kotlin和Java混合开发的时候 涉及到一些基本的互操作 一 属性的读写 1 Kotlin自动识别Java的属性的Getter和Setter 2 Java操作kotlin属性可以通过Getter和Setter的方式 二 空安全类型
  • 面试官问:微服务的4种部署策略有哪些,什么区别?

    在项目迭代的过程中 不可避免需要 上线 上线对应着部署 或者重新部署 部署对应着修改 修改则意味着风险 目前有很多部署发布的技术 这儿将常见的做一个总结 上面所说难免有些抽象 举一个情景例子 加入你是微博项目负责人员 现在新版本较原来的老版
  • VScode解压版升级

    按照提示 下载最新的解压版 下载后解压文件夹 然后将旧的的解压版删除 不要替换 是删除之前的解压版 然后将新的解压后的文件粘贴到原来的位置 当然 如果你要换位置也是可以的 解压版很随意 很绿色的 之前的插件也是会完全保留的 包括登录信息
  • C# 中 Console.WriteLine 常见的几种形式及其用法差异

    在 C 的 Console WriteLine 方法中 有多种重载形式可以用于不同的输出需求 下面是常见的几种形式及其用法差异 输出字符串 Copy code Console WriteLine Hello World 这是最简单的用法 直
  • Unity --- 基本键鼠操作

    1 我们对于键盘和鼠标的点击操作相当于在输入数据 这些输入的数据都会被存储到对应的数据缓存区中供程序读取和调用 而我们所谓的游戏程序中的键鼠操作其实就是当我们通过键盘输入了特定数据之后 游戏程序马上从缓存区中读取到这个数据 并通过这个输入的
  • axure怎么存html文件怎么打开,axure 保存html文件怎么打开

    2 回答 2020 08 18 浏览 71 分类 绘图建模 回答 1 谷歌内核的浏览器需要安装Axure的插件才能访问 2 火狐浏览器 好像可以 与IE浏览器 3 可以用本机搭建一个服务器 让人家访问你的IP 任何浏览器都可以 1 回答 2
  • cobalt strike木马免杀

    0x001 针对powershell免杀 工具 Invoke Obfuscation 操作实例 1 利用CS生成powershell木马 2 进入invoke Obsfuscation文件 使用powershell命令执行 3 利用powe
  • CUDA Samples:Vector Add

    以下CUDA sample是分别用C 和CUDA实现的两向量相加操作 参考CUDA 8 0中的sample C ProgramData NVIDIA Corporation CUDA Samples v8 0 0 Simple 并对其中使用
  • 《深度学习入门》鱼书学习笔记(代码可运行)

    X 前言 X 1环境配置 x 1 1安装Anaconda 直接官网下载Anaconda 安装完成后 conda V查看是否安装成功 activate gt 进入base环境 conda create n py37 python 3 7 创建
  • 启用tun设备开启tap虚拟网卡功能

    注意 该文章中的arp应答部分是有问题的 由于作者现在已经没有实验环境无法再进行修正了 望看该文章的人注意一下 关于tun设备启用tap网卡 就是启用一个字符设备 使用open函数得到一个tun设备的文件描述符 可以使用write和read
  • (七)mkdocs学习——其他技巧

    mkdocs学习笔记系列 一 MkDocs 学习 快速开始 二 MkDocs学习笔记 撰写文档 三 MkDocs学习 配置主题 四 MkDocs学习 自定义主题 五 MkDocs学习 配置文件 六 MkDocs学习 部署文档 七 mkdoc
  • 如何搭建自己的写作素材库,快来学,方法高效简单

    我们平时看过的书 做过的事 不及时记下来 很可能过几天就忘记了 由此看来 搭建自己的写作素材库非常有必要 尤其是写作者 写稿的速度取决于自己写作素材的储备量 你储备的素材越多 写作时便可以拿来即用 不用再费尽心思找个好几天 我们该如何搭建自
  • ACL的规则总结

    按照由上到下的顺序执行 找到第一个匹配后既执行相应的操作 然后跳出ACL 每条ACL的末尾隐含一条deny any 的规则 ACL可应用于某个具体的IP接口的出方向或入方向 ACL可应用于系统的某种特定的服务 如针对设备的TELNET 在引
  • WEB开发中遇到的困难,controller方法对应的url显示不出来页面

    问题 controller方法对应的url返回页面但是显示不出来页面 等待下午来人求救 这个问题真是日了狗了啊 明明项目没动 刚开始运行项目的时候总是报错 java lang ClassNotFoundException 然后检查了一下对应
  • linux vi的命令

    inux vi命令详解 刚开始学着用linux 对vi命令不是很熟 在网上转接了一篇 vi编辑器是所有Unix及Linux系统下标准的编辑器 它的强大不逊色于任何最新的文本编辑器 这里只是简单地介绍一下它的用法和一小部分指 令 由于 对Un
  • 【录制Selenium IDE导出python代码】

    Generated by Selenium IDE import pytest import time import json from selenium import webdriver from selenium webdriver c
  • PHP内置函数intval()使用不当的安全漏洞分析

    2019独角兽企业重金招聘Python工程师标准 gt gt gt 一 描述 intval函数有个特性 直到遇上数字或正负符号才开始做转换 再遇到非数字或字符串结束时 结束转换 在某些应用程序里由于对intval函数这个特性认识不够 错误的
  • react中使用splice函数去删除数组的某一项

    1 splice函数 splice 方法向 从数组中添加 删除项目 然后返回被删除的项目 slice 方法可从已有的数组中返回选定的元素 所以 在使用的时候 就要注意的是 splice返回的是被删除的项目 2 举一个我在react中使用的小