Question

我正在使用一个简单的钩子来导出动画助手和元素引用，即

import { gsap } from 'gsap';
import { useRef } from 'react';

export function useTween<R extends gsap.TweenTarget>(vars: gsap.TweenVars['pixi']) {
  const tweenRef = useRef<R>(null);
  const tween = gsap.to(tweenRef.current, { pixi: vars });

  return [tween, tweenRef];
}

这里重要的是返回的数组具有类型，但是当我在另一个组件中使用它时，即

const [textTween, textRef] = useTween<Text>({ scale: 2 });

现在textTween和textRef都具有any的类型，给我的印象是这些类型将被保留，但是我在这里遗漏了什么吗？

Answer 1

您忘记指定函数的返回类型：

export function useTween<R extends gsap.TweenTarget>(vars: gsap.TweenVars['pixi']): [gsap.TweenTarget, gsap.TweenTarget] {

使用数组解构时保留挂钩类型

1 个答案: