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

Question

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

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

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

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

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

但这是无效的。

score 2 · Accepted Answer

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

  return formik;
}

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

useFormikContext<Project>()

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

score 1 · Accepted Answer

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

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

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

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

2 回答 2