首页 > 其他分享 >jira项目笔记17-自定义useArray

jira项目笔记17-自定义useArray

时间:2022-10-07 18:59:00浏览次数:46  
标签:jira delay const 自定义 17 value useArray

2-1、要求

自定义一个useArray的custom hook。结合react-hook和typescript,实现对数组简单的增加、删除、清空的那个功能,并且对增加的对象类型有限制

2-2、代码实现

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

const { value, clear, removeIndex, add } = useArray(initValue);

标签:jira,delay,const,自定义,17,value,useArray
From: https://www.cnblogs.com/yao-655442/p/16760367.html

相关文章

  • jira项目笔记18-Object.fromEntries
    Object.fromEntries()方法把键值对列表转换为一个对象。constentries=newMap([['foo','bar'],['baz',42]]);constobj=Object.fromEntries(entries);......
  • jira项目笔记19-as 关键字用于断言
    在Typescript中,表示断言有两种方式。一种是扩号表示法:letsomeValue:any="thisisastring";letstrLength:number=(someValue).length;另一种使用as关键字:let......
  • jira项目笔记20-useSearchParams
    useSearchParams顾名思义,可以直接获取url中的query参数,而不需要引入外部库来解析路径中的query参数import{useSearchParams}from'react-router-dom';//比如url是......
  • 学习笔记jira项目3-解决一些问题
    解决相对路径问题ts.config.json  "baseUrl":"./src",prettieryarnadd--dev--exactprettier自动格式化npxmrmlint-staged"lint-staged":{"*.{j......
  • 学习笔记jira项目4-对比常见mock方案
    第一种方式第二种 3接口管理工具  4本地node服务器  ......
  • jira项目笔记23-ts中 as const 使用
    概要typescript在开发过程中广泛被应用,typescript的断言特性更是重中之重,今天和大家来讨论一下asconst断言。代码和讨论我们首先来看一段代码,如下:leta:string="a......
  • MyBatis框架:第八章:自定义结果集,一对一,一对多,延迟加载,赖加载
    13.1、自定义结果集介绍自定义结果集,可以给复杂的对象使用。也就是对象内又嵌套一个对象。或者一个集合。在这种情况下。前面学过的知识点,已经无法直接获取出对象内对象......
  • CVPR2022论文速递(2022.4.7)!共17篇,新增标题翻译
    整理:AI算法与图像处理CVPR2022论文和代码整理:https://github.com/DWCTOD/CVPR2022-Papers-with-Code-Demo欢迎关注:​大家好,  最近正在优化每周分享的CVPR论文,目前考虑......
  • MS17-010漏洞复现(永恒之蓝)
    0x01:温馨提示微软已于2017年发布MS17-010补丁,修复了“永恒之蓝”攻击的系统漏洞,一定要及时更新Windows系统补丁。本次只是简易的复现MS17-010,成功的水准就是取得Shell......
  • 【Vue3.x】自定义hooks
    Vue3hooksvue2里的mixins相似,但是mixins会组件的配置项覆盖。vue3使用了自定义hooks替代mixnins,hooks本质上是函数,引入调用。封装自定义的hooks将图片转化成base64im......