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

时间:2018-05-06 10:18:53

标签: reactjs typescript

我对打字稿很新,虽然我已经开始使用它,但我遇到了一个我似乎无法找到解决方案的问题。

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

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

打字稿正确地抱怨这些不是键入的值,但是我可以使用它们并满足linter的唯一方法是。

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

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

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

在添加了{}类型的第二种情况下,您destructuring props时遗漏了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
}