基本示例react-spring

时间:2018-12-26 21:31:24

标签: reactjs typescript react-spring

我试图实现 react-spring 动画的基本示例,但是Typescript和编译后的控制台也会引发很多错误

我以这个示例为背景

import { Spring } from 'react-spring'

<Spring from={{ opacity: 0 }} to={{ opacity: 1 }}>

{props => <div style={props}>hello</div>}

</Spring>

打字稿抛出:

  

JSX元素类型“ Spring”没有任何构造或调用签名。

     

参数“ props”隐式具有“ any”类型。

     

类型“ Readonly <{}>”上不存在属性“ toggle”。

     

输入'{children:({x}:{x:number;})=>元素;本机:true;来自:{x:数字; };到:{x:数字; }; config:{duration:number; }; }”不可分配给“ IntrinsicAttributes&In”类型   trinsicClassAttributes>&Readonly <{children ?: ReactNode; }>和只读>'。     属性'native'在类型'IntrinsicAttributes&IntrinsicClassAttributes>和Readonly <{children ?: ReactNode;上不存在。 }>和“只读”>。

     

类型“ number”上不存在属性“ interpolate”。

     

类型“ number”上不存在属性“ interpolate”。

     

参数'x'隐式具有'any'类型。

以及将来从控制台获得的更多信息:

  

react-dom.development.js:55未捕获的错误:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义文件中导出组件,或者可能混淆了默认导入和命名导入。

     

上述错误发生在组件中:       在div       在未知。   考虑将错误边界添加到树中以自定义错误处理行为。

     

React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义文件中导出组件,或者可能混淆了默认导入和命名导入。       在“未知”中

如何克服这个问题?我应该等待带有Typescript支持的官方软件包,还是只为该lib添加全局类型?

0 个答案:

没有答案