如何通过泛型优化Jira项目中的useDebounce属性笔记？

本文共计135个文字，预计阅读时间需要1分钟。

javascript/** * 使用泛型来规范类型 + export const useDebounce=(value: V, delay?: number)=> { * const [debouncedValue, setDebouncedValue]=useState(value); * useEffect(()=> { * // 每次在value变化后，设置一个定时器 * const c=setTimeout(()=> { * setDebouncedValue(value); * }, delay); * * // 清除定时器 * return ()=> clearTimeout(c); * }, [value, delay]); * * return [debouncedValue]; * }; */

// 后面用泛型来规范类型
export const useDebounce = <V>(value: V, delay?: number) => {
const [debouncedValue, setDebouncedValue] = useState(value);

useEffect(() => {
// 每次在value变化以后，设置一个定时器
const timeout = setTimeout(() => setDebouncedValue(value), delay);
// 每次在上一个useEffect处理完以后再运行
return () => clearTimeout(timeout);
}, [value, delay]);

return debouncedValue;
};