【react】this.setState一个属性，另一个属性值也跟着改变

目录

一、问题描述

二、问题分析

三、问题解决

1、JSON.stringify将对象转化成字符串

2、JSON.parse把字符串转成新的对象

3、这样创建的对象就会指向新的地址，当进行修改的时候，另一个属性值不变

四、涉及相关知识

1、JavaScript中基本数据类型和引用类型

2、访问方式

---

 

一、问题描述

在完成一个需求的时候，遇到了一个离谱的事情。

我在生命周期函数中，页面渲染之前就调用一个接口固定了一个state中一个属性的值，然后其他地方都是用它给另一个属性赋值，仅仅是使用，再也没在其他地方对其赋值

然而，它的值在赋给另一个属性的时候变化了！！！

顿时头大如牛，打印，打断点，发现就是神奇的变化了，奇奇怪怪的事情增加了

 

二、问题分析

我又将实现需求的思路和流程顺了一遍，通过打印和打断点的方式，定位到了一个函数。

刚进入该函数的时候，state的两个属性还是正确的，各有各的值。但是将其中一个属性清空操作之后，另一个属性也被清空了。

虽然定位到了问题点，但是还是不知道问题出在什么地方，也不知道该如何解决这个问题

于是，去问了我师父

 

我师父发现改变state其中一个属性，另一个属性跟着改变应该是引用类型的赋值问题

即两个属性指针指向的地址是一个，所以在更改一个属性的值的时候，另一个属性指针指向的是同一个地址，于是另一个属性的值也同时变化

 

<