将类型断言与解构赋值一起使用的最佳方法是什么？

Question

我有一些使用解构赋值的代码，如下所示：

const { values: project, setValues, submitForm } = useFormikContext();

根据TypeScript 类型断言文档，我想使用as关键字告诉 TS 编译器project将始终是类型Project 。

什么是正确的语法？ 我试过了：

const { values: (project as Project), setValues, submitForm } = useFormikContext();

但这是无效的。

Answer 1

通过查看实现，定义使用TypeScript Generics

export function useFormikContext<Values>() {
  const formik = React.useContext<FormikContextType<Values>>(FormikContext);

  return formik;
}

它会创建一个反应上下文，如果您将钩子称为：

useFormikContext<Project>()

可能不仅值的类型是Project ，而且setValues也只接受 object 类型的Project （不幸的是没有使用该库）

Answer 2

您可以使用以下语法来解决此问题：

const { values: project, setValues, submitForm }: { values: Project; setValues: SomeType1, submitForm: SomeType2} = useFormikContext();

您也可以创建另一个变量：

const { values: project, setValues, submitForm } = useFormikContext();
const a: Project = project;