jira项目笔记17-自定义useArray

最新推荐文章于 2023-09-05 14:07:15 发布

前端歌谣

最新推荐文章于 2023-09-05 14:07:15 发布

阅读量144

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_41632427/article/details/126620080

版权

前端-jira管理系统专栏收录该内容

101 篇文章 3 订阅

订阅专栏

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);