react中二维数组的赋值问题

118 阅读 0 评论 78 点赞

我是靠谱客的博主鳗鱼柜子，这篇文章主要介绍react中二维数组的赋值问题，现在分享给大家，希望可以做个参考。

前序

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
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,
},
],
},
],
},
]

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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
})
}