Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 将值作为类型化值传递时上下文丢失_Reactjs_Typescript - Fatal编程技术网

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

Reactjs 将值作为类型化值传递时上下文丢失,reactjs,typescript,Reactjs,Typescript,我对typescript还比较陌生,虽然我对它还很在行,但我遇到了一个问题,我似乎找不到解决办法 我正在尝试在react应用程序中传递一些数据,如下所示 form = ({handleSubmit, handleChange, handleBlur, values, errors}) => { typescript正确地抱怨这些不是类型化的值,但我使用它们并满足linter要求的唯一方法是 form = (handleSubmit: any, handleChange: any, han

我对typescript还比较陌生,虽然我对它还很在行,但我遇到了一个问题,我似乎找不到解决办法

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

form = ({handleSubmit, handleChange, handleBlur, values, errors}) => {
typescript正确地抱怨这些不是类型化的值,但我使用它们并满足linter要求的唯一方法是

form = (handleSubmit: any, handleChange: any, handleBlur: any, values:any, errors:any) => {
不幸的是,这给我留下了一些我希望被定义为未定义的值,因为它不再经过解构


如果您在添加类型
Any
的第二种情况下,在
解构
道具时缺少
{}
,请提供任何帮助。下面应该解决这个问题

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
}

如上所述,如果我将{}添加回中,我通常无法满足linter或typescript的要求,那么第二个示例是我获取代码进行编译的唯一方法。@Knade我已经更新了答案。这应该会让typescript感到高兴。