当别人问你自定义哪些hooks

1、防抖

使用场景：输入框

import { useState, useEffect } from "react";
export const useDebounce = (value, delay) => {const [debounceValue, setDebounceValue] = useState(value);useEffect(() => {const timer = setTimeout(() => {setDebounceValue(value);}, delay);return () => {clearTimeout(timer);};}, [value, delay]);return debounceValue;
};

2、循环定时

使用场景：定时更新

import { useRef, useEffect } from 'react';export function useInterval(callback: () => void, delay: number) {const savedCallback = useRef<() => void>();useEffect(() => {savedCallback.current = callback;});useEffect(() => {function tick() {savedCallback.current && savedCallback.current();}let id = setInterval(tick, delay);return () => clearInterval(id);}, [delay]);
}

3、节能刷新

使用场景：更新时间

import { useState, useCallback } from 'react';export function useRefresh() {const [date, setDate] = useState(() => +new Date());const refresh = useCallback(() => setDate(() => +new Date()), []);return { date, refresh };
}

当别人问你自定义哪些hooks相关推荐

妈妈再也不用担心别人问我是否真正用过redis了
1. Memcache与Redis的区别 1.1. 存储方式不同 1.2. 数据支持类型 1.3. 使用底层模型不同 2. Redis支持的数据类型 3. Redis的回收策略 4. Redis小命令 ...
别人问我：为什么程序员都不善言辞？惭愧啊！
>>原创文章,欢迎转载.转载请注明:转载自IT人故事会,谢谢! >>原文链接地址:别人问我:为什么程序员都不善言辞?惭愧啊! 前几天儿子上跆拳道,路上非要让他爷爷给他买口香糖, ...
别人问你工资多少时，怎么回答！
导读: 人在职场打拼,赚多赚少,自己心中有数.赚得多时,也不会主动去炫耀自己的本事,赚得少时,也不会逢人哭诉自己的遭遇. 这些都是可掌控范围内的事,关键看自己的心态如何调整.但是,当别人主动打听你的工 ...
前天在腾讯soso问问上别人问我raid问题？
前天在腾讯soso问问上别人问我raid问题? 情况是这样的,因为那位网友是微星P43 Neo3-F(LV版)的主板,刚开始确定了是否有集成raid,但是发现有,但是到官方网站看到一句话,要按地区来看 ...
如何查看别人公众号自定义菜单的功能_如何注册自己的个人公众号？手把手教您开启自媒体赚钱之路？...
1.自媒体如何赚钱的? 自媒体其实大家对它并不陌生,我们身边活着生活中很常见.最关键一点很多利用自媒体创业,并且收入年入百万的人不在少数.自媒体我给大家普及一下,"公民媒体"或&q ...
为什么每个女生都比较避讳别人问年龄问题？于是我偷偷写了一款年龄检测器，公司同事的年龄都被我知道了~
导语一入Python深似海,不会还要继续坚持学!欢迎阅读往期文章哦! 哈喽!大家好,我是木子,今天又到了一周周末,到了看剧刷抖音的好时间,可怜的我还在公司加班赶稿子. 想着今天都周末了,给大 ...
群里别人问的杂七杂八的问题
1.内存数组置空问题 C++运行结果大神解答
react dispatch_React系列自定义Hooks很简单
React系列-Mixin.HOC.Render Props(上) React系列-轻松学会Hooks(中) React系列-自定义Hooks很简单(下) 我们在第二篇文章中介绍了一些常用的hooks ...
其它React Hooks以及自定义Hooks和第三方Hooks库的使用
- useMemo 作用:相当于vue中的计算属性.用于组件中复杂运算的优化特点:当它所关联的声明式变量发生变化,它才会重新运算:反之,不会语法:const result = useMemo(fn ...

当别人问你自定义哪些hooks

当别人问你自定义哪些hooks相关推荐

最新文章

热门文章