
React
React相关的东西
人鱼之伤
只是个人学习过程中的一些理解和随意的记录,如果有错误欢迎指出
展开
-
React中怎么把自己封装的Modal组件渲染到body下面
这个是一个比较有意思的想法,这么做可以屏蔽修改页面布局样式导致的Modal组件的样式的改变 import * as React from 'react'; import ReactDOM from 'react-dom'; import './modal.scss'; type showProps = { visible: boolean; children: React.ReactNode; title: string; onClose: () => void; // onSh原创 2021-09-15 14:54:13 · 1989 阅读 · 0 评论 -
React的新旧对比与回顾
现在React版本还在不断的更新,对于我这种只是中途学了react,对react之前的版本没有太多了解的人,可能又需要补充一些知识了,以下是我需要补充学习的一些知识 类组件的特点 类组件应该继承React.Component父类 类组件必须提供render函数 受控组件 HTML中的表单元素是可输入的,也就是有自己的可变状态 react中可变状态通常保存在state中,并且只能通过setState()方法来修改 <input type="text" value={this.state.txt}原创 2021-09-15 14:37:36 · 523 阅读 · 0 评论 -
关于React的Fiber的一些理解和总结
1、原因: react中的render()方法在更新的时候是进行递归操作的,如果在更新的过程中有大量的节点需要更新,就会出现长时间占用JS主线程,并且整个递归过程是无法被打断的,由于JS线程和GUI线程是互斥的,所以可能会看到UI的卡顿 2、实现Fiber架构时,必须要解决的两个问题: a、保证任务在浏览器空闲的时候执行 b、将任务进行碎片化 requestIdleCallback requestIdleCallback(callback)是实验性API,可以传入一个回调函数,回调函数能够收到一个deadl原创 2021-08-25 15:55:47 · 543 阅读 · 0 评论 -
React和Vue的虚拟Dom之间的区别对比
react函数式组件思想,当你用setState就会遍历diff当前组件所有的子节点子组件,这种方式开销是很大的,所以react16采用了fiber链表代替之前的树,是可以中断的,分片的在浏览器空闲的时候执行 vue 组件响应式思想 采用代理监听数据,我在某个组件里修改数据,就会明确知道那个组件产生了变化,只用 diff 这个组件就可以了 参考 ...原创 2021-08-24 22:52:49 · 653 阅读 · 0 评论