![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 67
前端粉刷匠
仗剑天涯,从你的摘要开始~~
展开
-
React v18.0 更新内容
2022 年 3 月 29 日,React 团队React 18现在已经可以在npm上使用了!在上一篇文章中,我们分享了 将您的应用升级到 React 18 的分步说明。 在这篇文章中,我们将概述 React 18 的新特性,以及它对未来的意义。我们最新的主要版本包括开箱即用的改进,如自动批处理、startTransition 等新 API,以及支持 Suspense 的流式服务器端渲染。React 18中的许多特性都是建立在我们新的并发渲染器之上的,这是一个幕后的变化,它开启了强大的新功能......转载 2022-06-27 16:19:34 · 458 阅读 · 0 评论 -
react-lazyload 源码解析
懒加载也叫延迟加载,指的是在长网页中延迟加载dom(jquery时期常用于延迟加载图片,现在也会用于延迟加载复杂组件),是优化网页性能的方式之一。当dom不在可视区内时,dom使用占位符展示,当到达可视区后再进行真实dom加载渲染。所以我们首先要判断我们想要加载的内容是否在可视区域。这里应该有一个父级元素和子元素(如果没有父元素,浏览器适口就充当父级元素的角色)来定义”可视区域”的大小。react-lazyload通过监听各个react生命周期,监听scroll,resize两个事件执行相应的操作va原创 2021-05-14 19:30:35 · 768 阅读 · 0 评论 -
React中的context
context出现的缘由:react中,数据都是自顶而下的传递方式,如果在顶层state中存储数据,如果在不借助第三方的状态管理框架的情况下,想要在自组件中过去数据,就必须一层层传递下去,但是有时候传递的某些层级的中用不到这些数据,这时候层级越深越可怕。正式因为有了上面的这种场景,官方提供了context机制,通过context就可以在自组件里获取祖先组件里的值,而不需层层传递,在react16.3之前context只是官方的实验性API,官方是不推荐开发者使用的,由于有很多开发者使用,所以官方在reac原创 2021-04-14 17:39:55 · 1843 阅读 · 0 评论 -
react生命周期
16.0版本之前的生命周期生命周期一共费为四个阶段:initialization(组件初始化阶段),mounting(组件挂载阶段),update(组件更新阶段),unMounting(组件卸载阶段)。initialization(组件初始化阶段)import React, { Component } from 'react';class SetWord extends Component { constructor(props){ super(props) }原创 2020-09-07 15:17:47 · 218 阅读 · 0 评论 -
mobile.ant.design组件库中PullToRefresh使用
PullToRefresh组件简介PullToRefresh :上/下拉刷新组件,支持ListView、GridView、WebView、ScrollView…等等需要刷新的view类型详情:mobile.ant.design使用案例`import React, { Component } from ‘react’;import ReactDOM from ‘react-dom’;...原创 2020-02-28 14:22:37 · 846 阅读 · 0 评论 -
ref详解
ref --> reference:引用我们这片文章介绍React中使用ref使用场景希望直接使用DOM元素中的某个方法,或者直接使用自定义组件中的某一个方法。ref作用于内置的HTML组件,得到的将是真实的DOM元素。ref作用于类组件,得到的将是类的实例。ref不能作用于函数组件,但是函数组件中可以传递ref。ref使用有三种方式:字符串(不推荐使用),对象,函数。这...原创 2019-12-01 20:35:07 · 4003 阅读 · 0 评论