包详细信息

use-throttled-effect

samanmohamadi315MIT0.0.7

Throttled effect hook for react

throttle, use-effect, react-hook, react

自述文件

useThrottledEffect react hook

Install it with yarn:

yarn add use-throttled-effect --save

Or with npm:

npm i use-throttled-effect --save

Example

import React, { useState } from 'react';
import useThrottledEffect  from 'use-throttled-effect';

export default function Input() {
  const [count, setCount] = useState(0);

  useEffect(()=>{
    const interval = setInterval(() => setCount(count=>count+1) ,100);
    return ()=>clearInterval(interval);
  },[])

  useThrottledEffect(()=>{
    console.log(count);     
  }, 1000 ,[count]);

  return (
    {count}
  );
}