![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 72
本栏目主要以React知识点为主
屈小康
早睡早起吧 球球了!!!!
展开
-
mixin、hoc、render props、react-hooks的优劣对比
1、Mixin缺陷:组件和mixin之间存在隐式依赖(Mixin中会定义一些特殊的方法,但是当组件过多的时候,我们就很容易忘记查看,导致不可预期的错误!)多个Mixin之间可能产生冲突(比如定义相同的state字段)Mixin倾向于增加更多状态,这降低了应用的可预期性。组件自身的方法和state字段不敢轻易删除,因为难以确认有没有Mixin依赖它,Mixin也难以维护,因为Mixin逻辑最后会被打包合并在一起,很难知道那个是输入那个是输出。2、HOC相对于Mixin的优势:HOC通过外原创 2021-09-01 10:48:27 · 310 阅读 · 0 评论 -
React中diff算法
!! 建议看英文文档,一看就会,不用看其他小伙伴的总结!,官网链接在下面。一下内容是我在官网凭自己的相法写的,不建议观看!!!l1、Element of Different TypesWhenever the root elements have different types,React will tear downthe old tree and build the new tree from scratch。Going from a label to img label , or from Ar原创 2021-08-30 10:49:34 · 149 阅读 · 0 评论 -
react中setState()是异步的还是同步的那?是否可以控制它的同步还是异步执行?
上一篇我们说到了setState的合并策略,而setState是同步还是异步的,和setState()的批量处理有很大的关系。 可以先看看这个文章在来看同步还是异步的!react中setState()的执行策略是什么?如何合并的那?如何控制合并?setState()是同步还是异步那?看看一下代码的执行情况:import React, { Component } from 'react';class com2 extends Component { state = { n原创 2021-08-24 10:24:30 · 379 阅读 · 0 评论 -
react中setState()的执行策略是什么?如何合并的那?如何控制合并?
学习react你一定使用了它的setState,那么它的更新策略是什么那?内部是如何运行的那?下面内容给你解释清楚。react开发对setState的使用可能一点也不陌生,但肯定会碰到过这种情况import React from 'react'export default class BatchedDemo extends React.Component { state = { number: 0, } handleClick = () => {原创 2021-08-23 21:08:02 · 864 阅读 · 1 评论 -
React和Vue的区别
这是一个求同存异的过程!先看图分析共同点:1.数据驱动视图在以前的时候我们频繁的使用dom改变视图,这不利于页面的优化;而Vue和React解决了这个痛处,采用了数据驱动视图的方式。2、组件化React和Vue都遵循组件化的思想,组件之间组合嵌套就形成了最后的网页页面。3、Virtual DOMVue 和 React都采用了Virtual Dom + Diff的算法,不管是Vue的Template模板 + options api的写法,还是react的class或者function原创 2021-08-18 15:41:23 · 156 阅读 · 0 评论 -
React中如何使用Context
直接来看吧!!一般组件之间传参通过props,今天记录一下Context使用场景:组件嵌套层级很深的情况在我们很多的场景中我们都喜欢封装js实现多地方引用!所以写一个单独的Context一便以后使用GlobalContext.jsimport React from 'react' const GlobalContext = React.createContext()export default GlobalContextFather.jsximport GlobalContext f原创 2021-08-18 15:28:19 · 168 阅读 · 0 评论 -
React生命周期
React生命周期react生命周期(旧版本)挂载时:constructor--------->conponentWillMount------------->render------->componentDidMount--------------->componentWillUnmount父组件:rendercomponentWillReceiverProps(子组件中使用,第一次不会调用,真正传值改变的时候调用)shouldComponentUpdate(返回原创 2021-07-09 15:27:39 · 791 阅读 · 0 评论