将值作为类型值传递时上下文丢失

Question

我对 typescript 还很陌生，虽然我对它没问题，但我遇到了一个我似乎找不到解决方案的问题。

我正在尝试在我的反应应用程序中传递一些数据，如下所示

form = ({handleSubmit, handleChange, handleBlur, values, errors}) => {

typescript 正确地抱怨这些不是类型化的值，但我可以使用它们并满足 linter 的唯一方法是。

form = (handleSubmit: any, handleChange: any, handleBlur: any, values:any, errors:any) => {

不幸的是，这给我留下了我期望定义为未定义的值，因为它不再经历解构。

任何帮助将不胜感激

Answer 1

在添加了any 类型的第二种情况下，您缺少{} 而destructuring 缺少props。以下应该解决这个问题

form = (
 { //The object destructuring in action
    handleSubmit,
    handleChange,
    handleBlur,
    values,
    errors
 } : { //Here goes the type declaration
    handleSubmit: any,
    handleChange: any,
    handleBlur: any,
    values:any,
    errors:any
}) => {
   // rest of your code
}