react中二维数组的赋值问题_react将数组赋值给另一个-程序员宅基地

技术标签: es6  reactjs  javascript  

前序

今天遇到了一个问题,在数组中push了很多数组,然后想给push进去的数组中对象赋值的时候,发现所有的值都变成了最后一个值,摸不着头脑,找不到原因为什么会这样,后来在同事的帮助先,终于解决了这个问题,现在赖记录一下过程以及解决方法。


 arry: [
        {
    
          group: "A组",
          hcgSchedules: [
            {
    
              medicalRecordNum: "bbbbb",
              dataTime: "09:00~09:30",
              femaleName: "张三aaaa",
              femalePhone: "18211234567",
              femaleAge: null,
              femaleInfertility: null,
              eggTime: "09:00:00",
              hcgTime: "09:20",
              triggerTime: 36,
              group: "0",
              note: null,
              lmp: null,
              cycleNumber: null,
              cycleType: null,
              positiveSign: 0,
            },
          ],
        },
        {
    
          group: "B组",
          hcgSchedules: [
            {
    
              medicalRecordNum: "bbbbb",
              dataTime: "09:00~09:30",
              femaleName: "张三bbb",
              femalePhone: "18211234567",
              femaleAge: null,
              femaleInfertility: null,
              eggTime: "09:00:00",
              hcgTime: "09:20",
              triggerTime: 36,
              group: "0",
              note: null,
              lmp: null,
              cycleNumber: null,
              cycleType: null,
              positiveSign: 0,
            },
          ],
        },
        {
    
          group: "C组",
          hcgSchedules: [
            {
    
              medicalRecordNum: "bbbbb",
              dataTime: "09:00~09:30",
              femaleName: "张三",
              femalePhone: "18211234567",
              femaleAge: null,
              femaleInfertility: null,
              eggTime: "09:00:00",
              hcgTime: "09:20",
              triggerTime: 36,
              group: "0",
              note: null,
              lmp: null,
              cycleNumber: null,
              cycleType: null,
              positiveSign: 0,
            },
          ],
        },
      ],
groupColumns = [
    {
      title: "",
      align: "center",
      children: [
        {
          title: "",
          children: [
            {
              title: "序号",
              width: 200,
              dataIndex: "key",
              key: "key",
            },
          ],
        },
        {
          title: "基本信息",
          children: [
            {
              title: "病历号",
              dataIndex: "medicalRecordNum",
              key: "medicalRecordNum",
              width: 200,
            },
            {
              title: "女方",
              dataIndex: "femaleName",
              key: "femaleName",
              width: 200,
              render: (text, record) => {
                return (
                  <span>
                    {text}
                    {record.femalePhone}
                  </span>
                )
              },
            },
            {
              title: "年龄",
              dataIndex: "femaleAge",
              key: "femaleAge",
              width: 200,
            },
          ],
        },
      ],
    },
  ]
handleColumns = () => {
    
    arry.forEach((item, index) => {
    
      arryColumn.push(groupColumns)
      当我这样写的时候,items[0].title的值永远为C组
      然后我就在这个位置加上了这行代码
       arryColumn = JSON.parse(JSON.stringify(arryColumn))
       这样就轻松解决了问题
      arryColumn.map((items, i) => {
    
        if (i === index) {
    
          items[0].title = item.group
        }
        console.log(item.sortedList)
        return arryColumn
      })
  }
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_43567834/article/details/111609002

智能推荐

Vulnhub-LazysysAdmin-1靶机实战-程序员宅基地

文章目录第一章 信息收集主机发现第二章ssh的破解爆破ssh的信息第三章 提权摘抄第一章 信息收集主机发现nmap 192.168.202.0/24扫描开发的端口nmap 192.168.252.132 -p- 扫描端口对应的服务nmap -sV -T4 -p 80,445,3306,22,6667,139, 192.168.252.132扫描存在的目录dirb http://192.168.252.132curl发现主机信息使用curl获取目标web的banner_lazysysadmin-1

2020-04-10-程序员宅基地

C语言中有的并不需要太纠结,比如算法你只需要把别人给的算法理解透彻就可以了,不需要自己再发明一个算法出来,除非你这个算法跟人家一样简单,要么就要比人家更简单,否则你的算法就只能算是创作型意义喽,我们要的是把人家的理解透彻,然后站在人家肩膀上往上爬,超越别人,超越自己!...

蓝桥杯 历届试题 九宫重排 (bfs, A*算法)_题目一:a*算法 要 求:(1)撰写一份word文档,里面包括(算法思路、算法程序框图、重-程序员宅基地

题目连接题意:已经很明显了。思路:1. bfs+map标记纯bfs暴力算法,没有太大意义。只能过60%的数据(比赛也只能得这60分)。代码:#include &lt;bits/stdc++.h&gt;using namespace std;const int maxn=1e6+7;string be,ed;int dx[4]={0,1,0,-1},dy[4]={1..._题目一:a*算法 要 求:(1)撰写一份word文档,里面包括(算法思路、算法程序框图、重

Java入门-程序员宅基地

Java入门Java 入门主要内容Java的地位Java诞生Java的特点安装JDK简单的Java应用程序重点与难点:重点:Java平台无关性、Java程序的结构。难点:Java程序的开发过程。Java之父与Java的诞生Java是1995年6月由Sun公司引进到我们这个世界的革命性的编程语言。1990年Sun公司成立了由James Gosling领导的开发小组,开始致力于..._java入门

一周技术思考(第16期)-通过[洋葱]看服务和架构_新栋BOOK的博客-程序员宅基地

大家好,这里记录,我每周碰到的,看到的,或想到的,引起触动,或感动的,技术事物的思考,不见得都对,但开始思考总是好的。通过“洋葱”看服务与架构我们要了解服务的行为,尤其是大型应用环境下,会...

D9-程序员宅基地

JavaScript null 和 undefined 的区别?undefined表示变量声明但未初始化时的值,null表示准备用来保存对象,还没有真正保存对象的值。从逻辑角度看,null值表示一个空对象指针.MySQL 编程题 查询出只选修了一门课程的全部学生的学号和姓名。SELECT sno,username,count(course) FROM studentsGROUP BY s

随便推点

年薪40W的程序员必会的技术有哪些?-程序员宅基地

很多人在问我,程序员如何拿高薪,如何做到年薪40W+,其实总结出来还是一句话,你的技术决定你的能力已经薪资。那么什么样的技术人才才能拿到一份Java行业里面的高薪呢?下面是我的一个总结技术:最后、是我总结出的阿里面试必备知识点:掌握Java编程语言,包含io/nio/socket/multi threads/collection/concurrency等功能的使用;熟练掌握jvm(sun hots...

element 中添加一个属性就可解决 el-select 和 el-cascader 等下拉项 不随页面滚动问题-程序员宅基地

element 中添加一个属性就可解决 el-select 和 el-cascader 等下拉项 不随页面滚动问题

【ESP8266个人学习笔记】六、MQTT协议与GPRS协议_mqtt三次握手-程序员宅基地

要想了解MQTT就必须先了解TCP协议,要想了解TCP协议就要先了解网络七层协议:解释和翻译一下就是:应用层 用应用将文件打包 表示层 将文件加密或数据转换 会话层 开始、停止文件传输,可以确保传输秩序 传输层 传输文件到网络上 网络层 赋予文件一个网络地址 链路层 让网站识别这个地址 物理层 网站接受这个文件 我们听过的IP协议就在第三层,它负责为数据分配IP地址。TCP协议在第四层传输层,全名为Transmission C_mqtt三次握手

Cloudcompare2.12.2使用vs2022带插件编译以及在WSL中编译cloudCompare【最新实践】_pdal编译-程序员宅基地

Cloudcompare2.12.2使用vs2022带插件编译以及在WSL(linux)中编译cloudCompare【包含插件编译:PDAL、PCL、lasTools,可打开.pcd、.las文件】_pdal编译

编辑距离(levenshtein)算法-程序员宅基地

1)定义编辑距离(Minimum Edit Distance,MED),又称Levenshtein距离,是指两个字符串之间,由一个转成另一个所需要的最少编辑操作次数。允许的编辑操作包括:将一个字符替换成另一个字符(substitution,s),插入一个字符(insert,i)或者删除一个字符(delete,d),如下图所示:在大学算法设计相关课程上,想必大家都已经学习过使用动态规划算

Android支持https的处理方式2----HttpURLConnection请求https处理方式_android httpurlconnection ssl-程序员宅基地

接着上一篇,这次讲解HttpURLConnection请求https处理方式,过程其实差不多,具体的有一点区别。1、首先验证证书的https请求首先获取SSLContext的对象,这是为了获取SSLSocketFactory的对象。 /** * 获取Https的证书 * @param context Activity(fragment)的上下文 * @re_android httpurlconnection ssl