随笔分类 -  react hook

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

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

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

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

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

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

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

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

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