![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 79
星河梦~
小小的世界,大大的梦想。
展开
-
React与Vue的区别
React与Vue的相同点(1)都支持服务器渲染;(2)都是数据驱动视图;在以前,我们需要频繁操作DOM实现页面效果。而Vue和React就隐藏了DOM的频繁操作,采用数据驱动视图的方式,只需要关注数据的变化。(3)都遵循组件化思想;React和Vue都遵循组件化思想,它们把注意力放在UI层,将页面分成一一些细块,也就是组件,组件之间组合嵌套就形成最后的网页界面。(4)都使用虚拟DOM;(5)都有状态管理;react有redux,vue有vuex。不同点(1)框架本质不同;Vue本质是原创 2022-03-25 23:41:53 · 7995 阅读 · 0 评论 -
【React】Redux、React-Redux简介及应用
目录ReduxRedux简介工作流程例子React-ReduxReact-Redux简介例子ReduxRedux简介Reudx是一款JavaScript状态管理容器,除了和React配合使用,还可以配合JS、Vue使用。工作流程Redux采用的是一种发布-订阅的模式。有一个公共仓库store,这个仓库里面存储了整个应用的状态。当React组件要改变状态的时候,首先会生成一个action,然后通过dispatch函数将aciton派发给store。store会将原来的状态state和acti原创 2022-03-11 23:56:00 · 691 阅读 · 0 评论 -
react-router-dom 更新版本,解决报错问题
在运行代码的时候,发现页面报如下错误:然后检查了我的路由跳转以及路由匹配,发现没有什么问题。那么是什么原因导致报错了呢,在仔细检查过后,发现是react-router-dom更新版本了我用过的老版本有:^5.2.0版本, 以及^5.3.0版本。而现在的版本是:如果是之前的老版本,用上面的路由跳转及匹配的方法是可以的,页面可以运行。现在的新版本,页面报错了。解决办法:(1)在react-router-dom导入Routes模块;(2)使用Routes包裹Route,并且将原来的原创 2021-11-29 18:12:46 · 1674 阅读 · 0 评论 -
React项目构建及页面路由
React项目的构建流程,以及React页面路由(含多级路由跳转)原创 2021-12-23 18:18:22 · 2013 阅读 · 0 评论 -
React生命周期
目录React生命周期组件挂载组件更新组件卸载实例总结React生命周期每个组件都包含 “生命周期方法”,你可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法。组件的生命周期可分成三个状态:Mounting(挂载):已插入真实 DOMUpdating(更新):正在被重新渲染Unmounting(卸载):已移出真实 DOM组件挂载(1)组件的构造(初始化):通过调用constructor()构造函数来实现。为组件定义了状态机时必须有构造函数:使用this.state= { }原创 2021-12-21 19:45:29 · 288 阅读 · 0 评论 -
React三大属性(props,state,refs)
目录React三大属性Propsstaterefs有关React基础知识及组件相关知识,请移步React框架简介(JSX语法、组件、虚拟DOM渲染)React三大属性Props既然React组件可以通过JavaScript函数方式实现, 那么React组件就可以接受参数的传入。React框架定义了一个Props的概念, 专门用来实现React函数组件接受参数的输入。1、每个组件都有props属性;2、组件的属性值都保存在props中;3、通过props可以在组件外部向组件内部传递参数;4、在原创 2021-12-05 20:37:15 · 749 阅读 · 0 评论 -
React之diff算法
diff算法的作用计算出Virtual DOM(虚拟DOM)中真正变化的部分,并只针对该部分进行原生DOM操作,而非重新渲染整个页面。传统diff算法与React diff算法传统diff算法传统diff算法是通过循环递归对节点进行依次对比,算法事件复杂度达到O(n3),n是树的节点树。试想,如果要展示1000个节点,那么就需要执行上亿次比较,CPU的压力是非常大的。React的diff算法首先来看一个概念:调和:将Virtual DOM(虚拟DOM)树转换成Actual DOM(真实DOM)原创 2021-11-25 23:37:13 · 514 阅读 · 0 评论 -
React框架简介(JSX语法、组件、虚拟DOM渲染)
目录React框架为什么要学习ReactReact特点React核心JSX语法语法详解React开发过程实际DOM虚拟DOM函数组件类组件虚拟DOM渲染过程React框架React是一个JS库,可以简化可视化界面的开发,由Facebook在2013年发布。为什么要学习React那么为什么要学习React呢?这要先从原生js的痛点出发,原生JS的痛点在于:用DOM的API去操作DOM,过程十分繁琐,且效率低用js直接操作DOM,浏览器会进行大量的回流和重绘原生JS没有组件化,代码复用率低原创 2021-11-15 21:39:52 · 2503 阅读 · 0 评论