我试图实现 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添加全局类型?