React

本篇博客用来记录我的学习成果 防止遗忘 本篇博客用来记录我的学习成果 防止遗忘 本篇博客用来记录我的学习成果 防止遗忘

防止遗忘 代码 直接看代码吧，没什么可以说的 防止遗忘 代码 直接看代码吧，没什么可以说的 防止遗忘 代码 直接看代码吧，没什么可以说的

防止遗忘 代码 直接看代码吧，没什么可以说的 就是子组件调用父组件传递过来的函数，并且把数据当成函数的参数

这是我最近在做项目的时候，碰到的，记录一下 ```jsx this.setState( { a: param.a2, b: param.b2, c: param.c3

在做项目的时候，可能会遇到这么一个需求：在一个列表里，复制某一个列表项的内容 这个时候，我们首先是需要拿到需要复制的数据，再使用第三方库 copy-to-clipboard 小试牛刀 新手(比如我)，

我网上找了很多解决方案，但对于我来说无法解决 最终发现了一个解决方案有用的 思路：封装一个自动滚动至屏幕顶部的组件（检查 useLayoutEffect 中的位置变化，如果有更改，那么就自动滚动至屏幕

简约，没有太多废话，直接干！ 参考 —— React 官方中文文档 React 合集 (持续更新)。

ES6 创建 class 组件的方式 props props 的作用 接受外部数据 只能读不能写 外部数据由父组件传递 接受外部函数 在恰当的时候，调用该函数 该函数一般是父组件的函数 初始化 这样做

创建方式 实现 +1 功能 比 class 组件 简约得多 没有 state 怎么办 没有生命周期钩子怎么办 模拟 c...DidMount 模拟 c...Didupdate useEffect(()

是什么 「两个 DOM 得到 patch」 对比两棵虚拟 DOM 树的算法，当组件变化时，会 render 出一个新的虚拟 DOM，diff 算法对比新旧两棵 虚拟DOM 树之后，得到一个 patch

虚拟 DOM 就是虚拟节点，React 用 JS 对象来模拟 DOM 节点，然后将其渲染成真实的 DOM 节点，它本质上是一个 JS 对象。

props props 的作用 接受外部数据 只能读不能写 外部数据由父组件传递 接受外部函数 在恰当的时候，调用该函数 该函数一般是父组件的函数 初始化 这样做之后，this.props 就是外部数

前言 类比以下代码 let div = document.createElement('div') 这是 create/construct 过程 div.textContent = 'hi 这是初始化