我试图实现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”类型。
类型“只读<{}>”上不存在属性“切换”。
输入 '{ children: ({ x }: { x: number; }) => Element; 本机:真;来自:{ x:号码;}; 至:{ x:号码;}; 配置:{持续时间:数字;}; }' 不可分配给类型 'IntrinsicAttributes & In trinsicClassAttributes> & Readonly<{ children?: ReactNode; }> & 只读>'。类型“IntrinsicAttributes & IntrinsicClassAttributes> & Readonly<{ children?: ReactNode; 上不存在属性“native” }> & 只读>'。
类型“数字”上不存在属性“插值”。
类型“数字”上不存在属性“插值”。
参数“x”隐含地具有“任何”类型。
以及来自控制台的futuremore:
react-dom.development.js:55 未捕获错误:元素类型无效:需要一个字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
上述错误发生在组件中:in div in Unknown。考虑向树中添加错误边界以自定义错误处理行为。
React.createElement:类型无效 - 需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。在未知
如何克服这些问题?我应该等待带有 typescript 支持的官方软件包,还是应该只为这个库添加全局类型?