什么是深拷贝，什么是浅拷贝？
假设将A复制给B，即B=A，如果B的改变，A也会改变，就是浅拷贝，如果A没有改变，就是深拷贝，（其实深拷贝只针对较为复杂的object类型数据，此时只是拷贝object中的引用地址，而不是堆内存中的值）
对于实现深拷贝的方式：
参考：
js浅拷贝与深拷贝的区别和实现方式
1、扩展运算符实现深拷贝
let obj={
a:1,b:2,c:{
name:
在react hook中使用到深拷贝（ let tempBlockData = […blockData]; ），是将state值重新赋值，再进行操作。之所以使用到深拷贝，是为了解决useState定义的state值无法直接更新和操作，所以，为了直接操作state的blockData，先进行深拷贝，然后再用对应的setState进行更新。什么是深拷贝，什么是浅拷贝？假设将A复制给B，即B=A，如果B的改变，A也会改变，就是浅拷贝，如果A没有改变，就是深拷贝，（其实深拷贝只针对较为复杂的object类型数据
React
Native Calculator 简单的
React
Native 计算器和计算器输入组件。
安装使用 npm: npm i -S
react
-native-calculator 或 yarn: yarn add
react
-native-calculator Demo Calculator Component Usage import
React
from '
react
' import { View } from '
react
-native' import { Calculator } from '
react
-native-calculator' 导出默认类 App extends
React
.Component { render() { return (
) } } Props 通用道具中的所有道具和... 道具名称 数据类型 默认值 说明 hasAcceptButton boolean false 计算后显示接受按钮。
style ViewStyle 容器样式。
onCalc (value : number , text : string ) => void 计算
react
的核心库文件，前端开发的利器。用于构建用户界面的 JavaScript 库，声明式
React
使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时
React
能有效地更新并正确地渲染组件。组件化
创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。
前段时间在工作中写Hybrid页面时遇到了这样的一个场景，公司需要一系列的活动组件，在每个组件注册的时候都需要调用App端提供的一个接口。一开始也考虑了几种方式，包括mixin、组件继承以及
react
高阶组件。但经过了种种衡量，最后选择使用了高阶组件的做法。
那什么是高级组件？首先你得先了解请求ES6中的class只是语法糖，本质还是原型继承。能够更好的进行说明，我们将不会修改组件的代码。而是通过提供一些能够包裹组件的组件， 并通过一些额外的功能来增强组件。这样的组件我们称之为高阶组件（Higher-Order Component）。
1、Mixins的缺点
React
官方已不推荐使用Mix
今天遇到一个问题，我更新了数组里面的数据，但是页面并没有检测到页面的改变。而导致这个原因是，就是
浅拷贝
和
深拷贝
的问题。
当我们针对数组对象嵌套比较深时，采用
浅拷贝
的方式就会出现上述情况。一般也是针对数据结构毕竟深时，采用
深拷贝
下面举个针对多层嵌套数组对象的栗子
const arr = [
[{a:'1'},{b:'2'},{c:'3'}],
[{a:'1'},{b:'2'},{c:'3'}],
[{a:'1'},{b:'2'},{c:'3'}]
文章目录1:
深拷贝
和
浅拷贝
的区别2:
浅拷贝
的使用
最近，学习和使用了
react
+ts的一些基本语法，使用过程中遇到了
深拷贝
和
浅拷贝
的问题：修改数据后，控制台打印数据已经改变，但是页面却不显示。多亏了同事的帮忙，一言难尽。下面把问题简单记录下。
1:
深拷贝
和
浅拷贝
的区别
浅拷贝
：两个变量都是指向一个地址，改变了一个变量，另一个变量也随之改变。这也是
浅拷贝
带来的副作用，两个变量会相互影响到，因为它们指向同一个地址。
深拷贝
：两个变量互相独立，指向的是不同的地址。好处是其中一个变量改变了，另外一个变量不受影响。
最近发现的一个bug让我从
react
框架角度重新复习了一遍
浅拷贝
与
深拷贝
。
浅拷贝
，就是两个变量都是指向一个地址，改变了一个变量，那另一个变量也随之改变。这就是
浅拷贝
带来的副作用，两个变量会相互影响到，因为它们指向同一个地址。
深拷贝
，就是互相独立，指向的是不同的地址，一个变量改变了，另一个变量不会被影响到。
react
角度：
本文翻译自https://www.chakshunyu.com/blog/how-does-shallow-comparison-work-in-
react
/
浅比较这个概念在
React
开发过程中很常见。它在不同的过程中扮演着关键的角色，也可以在
React
组件生命周期的几个地方找到。判断class组件是否应该更新、
React
hood的依赖数组、通
React
.memo 缓存处理等例子
如果曾经阅读过官方的
React
文档，我们可能会经常到看到浅比较这个概念。但通常只是一个比较简单的解释。所以，本文将研究浅.
const obj = { a: { b: 1 } };
const newObj = deepClone(obj);
console.log(newObj); // { a: { b: 1 } }
console.log(obj === newObj); // false
注意：使用 `lodash` 的
深拷贝
方法可能会影响性能。如果对象的层级比较浅，可以使用 `Object.assign()` 或展开运算符来实现
浅拷贝
。但如果对象包含嵌套对象或数组，就需要使用
深拷贝
。
