出现错误：'() => () => boolean' 类型的参数不可分配给'EffectCallback' 类型的参数

Question

我是 typescript 的新手，当我尝试在反应中使用useEffect中的 useEffect 时出现错误， Argument of type '() => () => boolean' is not assignable to parameter of type 'EffectCallback'. ，任何人都可以帮助我为什么会收到此错误？ 我在这里放了我的代码，任何帮助将不胜感激，

const useIsMounted = () => {
        const isMounted = React.useRef(false);
        React.useEffect(() => {
          isMounted.current = true;
          return () => isMounted.current = false;
        }, []);
        return isMounted;
    };

Answer 1

useEffect （ EffectCallback类型）的 function 应该返回void或() => void | undefined () => void | undefined 。

function useEffect(effect: EffectCallback, deps?: DependencyList): void;

type EffectCallback = () => (void | (() => void | undefined));

在您的情况下，您返回void => boolean ：

// void => boolean
return () => (isMounted.current = false);

要修复它，请将 scope 添加到清洁 function 的语句中：

const useIsMounted = () => {
  const isMounted = React.useRef(false);
  React.useEffect(() => {
    isMounted.current = true;
    return () => {
      isMounted.current = false;
    };
  }, []);
  return isMounted;
};