在函数声明中获取函数参数类型

Question

我正在构建一个自定义 React 钩子，它接受一个对象（具有作为属性之一的函数）作为参数。

我想获得该函数参数的类型定义，我目前可以这样做：

  const { submitHandler, register } = useForm({
    handleSubmit: data => {
      /*
      Everything is ok:
      (parameter) data: {
          inputs: InputRefs;
          e: React.FormEvent<HTMLFormElement>;
      }
      */
    }
  });

但是，我想通过在 useForm 参数对象之外获取 handleSubmit 来拆分代码，如下所示：

  const handleSubmit = data => {
    // Parameter 'data' implicitly has an 'any' type, but a better type may be inferred from usage.
  };

  const { submitHandler, register } = useForm({ handleSubmit });

但是如果我这样做，data 的类型是“any”...有没有办法获取该函数参数的类型定义？还是唯一正确的解决方案真的只是导出/导入类型？

对不起，如果这不明确或已经解释过，但我刚开始学习打字稿，我似乎无法找到正确的关键字来找到我所问的答案......

谢谢

Answer 1

在此处右键单击handleSubmit：

const { submitHandler, register } = useForm({
    handleSubmit: data => {
      /*
      Everything is ok:
      (parameter) data: {
          inputs: InputRefs;
          e: React.FormEvent<HTMLFormElement>;
      }
      */
    }
  });

并选择“转到定义”。这将为您提供您需要在此处指定的类型：

const handleSubmit: ${Type} = data => {
    // Parameter 'data' implicitly has an 'any' type, but a better type may be inferred from usage.
  };

  const { submitHandler, register } = useForm({ handleSubmit });