useTween

React动画钩子,补间0到1之间的数字。

useTween - 图1

用法

  1. import {useTween} from 'react-use';
  2. const Demo = () => {
  3. const t = useTween();
  4. return (
  5. <div>
  6. Tween: {t}
  7. </div>
  8. );
  9. };

参考

  1. useTween(easing?: string, ms?: number, delay?: number): number

返回一个数字,该数字在动画结束时以0开始,以1结束。

  • easing — 一个有效的 easing names, 默认为 inCirc.
  • ms — 保持重新渲染组件的时间, 默认为 200.
  • delay — 延迟(以毫秒为单位),然后开始重新渲染组件, 默认为 0.