随笔分类 -  react hook

react中常见hook的使用方式与区别
摘要:react中常见hook的使用方式与区别 1、什么是hook?react hook是react 16.8推出的方法,能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性。 2、为什么要出现hook?函数式组件是全局当中一个普通函数,在非严格模式下this指向window,但是reac 阅读全文

posted @ 2023-09-12 10:23 漫思 阅读(319) 评论(0) 推荐(0) 编辑

推荐一个react上拉加载更多插件:react-infinite-scroller
摘要:推荐一个react上拉加载更多插件:react-infinite-scroller 在开发网页和移动应用时,经常需要处理大量数据的展示和加载。如果数据量非常大,一次性全部加载可能会导致页面卡顿或崩溃。为了解决这个问题,我们可以使用无限滚动(Infinite Scroll)的技术。React 提供了一 阅读全文

posted @ 2023-09-08 11:17 漫思 阅读(292) 评论(0) 推荐(0) 编辑

通过8个常用hook手把手教你封装hooks
摘要:通过8个常用hook手把手教你封装hooks FE情报局 ​关注他 11 人赞同了该文章 对于使用 react 的同学来说,hook 一定不陌生,但是如何封装 hook 以及在业务中怎么使用封装的 hook,很多同学并没有一个很好的实践,这篇文章就通过10个常用的 hook 让大家学会封装 hook 阅读全文

posted @ 2023-03-01 10:55 漫思 阅读(171) 评论(0) 推荐(0) 编辑

react使用nprogress
摘要:1、安装 npm i nprogress -D 2、在项目中引入 import nprogress from 'nprogress'; import 'nprogress/nprogress.css' // 这个nprogress样式必须引入 3、使用 static getDerivedStateF 阅读全文

posted @ 2023-02-16 11:55 漫思 阅读(226) 评论(0) 推荐(0) 编辑

React Spring 学习笔记
摘要:React Spring 学习笔记 炎灸纹舞 2020年09月15日 15:04 · 阅读 5261 简介 ( 官方文档 ) react-spring 是 React 上的一个动画库。它基于弹簧物理原理实现,尽可能的使元素的动画轨迹与真实世界更接近,更易于我们理解与使用 React-spring:8 阅读全文

posted @ 2023-01-19 11:17 漫思 阅读(121) 评论(0) 推荐(0) 编辑

React Hook 系列(三):记一次中台项目的Hook沉淀
摘要:React Hook 系列(三):记一次中台项目的Hook沉淀 郭盖_ 2020年11月17日 20:32 · 阅读 1891 背景 本文旨在分享,React hook 在中大型中台项目中的实践,适合熟悉 React hook 用法的同学,希望能对你有帮助。 用到的库 1. unstated-nex 阅读全文

posted @ 2023-01-16 10:07 漫思 阅读(54) 评论(0) 推荐(0) 编辑

React 中的不可变数据 — Immer
摘要:Immer 是什么? Immer 是一个不可变数据的 Javascript 库,让你更方便的处理不可变数据。 什么是不可变数据? 不可变数据概念来源于函数式编程。函数式编程中,对已初始化的“变量”是不可以更改的,每次更改都要创建一个新的“变量”。 Javascript 在语言层没有实现不可变数据,需 阅读全文

posted @ 2021-12-14 21:06 漫思 阅读(1117) 评论(0) 推荐(0) 编辑

react setSate 不生效的问题
摘要:叫我马爷,大声叫 1、setSate this.state.a1=this.state.a1+1 this.setSate({a1:this.state.a1}) //这样生效吗? 不生效,因为this.state.a1 会去内存的读取,get操作,所以this.state.a1=this.stat 阅读全文

posted @ 2021-12-08 11:43 漫思 阅读(275) 评论(0) 推荐(0) 编辑

精读《useEffect 完全指南》
摘要:1. 引言 工具型文章要跳读,而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章,那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度,还是使用深度角度来看,都大大优于之前生命周期的 API,所以必须反复理 阅读全文

posted @ 2021-08-05 18:09 漫思 阅读(341) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示