useRaf

React动画钩子,强制组件在每个 reaquestAnimationFrame 上重新渲染,返回经过的时间百分比。

用法

  1. import {useRaf} from 'react-use';
  2. const Demo = () => {
  3. const elapsed = useRaf(5000, 1000);
  4. return (
  5. <div>
  6. Elapsed: {elapsed}
  7. </div>
  8. );
  9. };

参考

  1. useRaf(ms?: number, delay?: number): number;
  • ms — milliseconds 保持重新渲染组件的时间, 默认为 1e12.
  • delay — 延迟(以毫秒为单位),然后开始重新渲染组件, 默认为 0.