Reactjs 打字脚本可以';不要动感情
当我试图在React组件中使用Reactjs 打字脚本可以';不要动感情,reactjs,typescript,svg,svg-animate,Reactjs,Typescript,Svg,Svg Animate,当我试图在React组件中使用animateMotion时,Typescript会抱怨 类型“JSX.IntrinsicElements”上不存在属性“animateMotion”。 类型“JSX.IntrinsicElements”上不存在属性“mpath”。 代码 import*作为来自“React”的React 类型PROPS={ 持续时间:数字; 半径:数字; } 导出常量轨道:React.FunctionComponent=({duration,radius})=>{ 常数cx=50
animateMotion
时,Typescript会抱怨
类型“JSX.IntrinsicElements”上不存在属性“animateMotion”。
类型“JSX.IntrinsicElements”上不存在属性“mpath”。
代码
import*作为来自“React”的React
类型PROPS={
持续时间:数字;
半径:数字;
}
导出常量轨道:React.FunctionComponent=({duration,radius})=>{
常数cx=50
常数cy=50
返回(
)
}
是否安装了npm install@types/react--save
?编辑:
declare namespace JSX {
interface IntrinsicElements {
"animateMotion": any,
"mpath": any,
}
}
来源:是。“@types/node”:“^10.12.18”、“@types/react”:“^16.3.13”、“@types/react dom”:“^16.0.5”,这并没有帮助,但我认为
@types/react
不支持animateMotion
和mpath
。正在尝试查找修补程序。已经尝试过,但它不起作用,而且它是“本机”SVG元素,因此它可以像任何其他div
、SVG
、g
或其他任何东西一样使用小写字母。您可以尝试一下吗<代码>声明名称空间JSX{interface intrinsiceelements{“animateMotion”:any,“mpath”:any,}}成功了,谢谢!添加为自己的响应或编辑此响应,我将接受:)没问题,我编辑了我的答案。也许它可以帮助其他人:)@sdkcy您介意花一分钟解释一下declare namespace JSX
是如何工作的吗?尝试搜索文档,但未找到任何文档。
declare namespace JSX {
interface IntrinsicElements {
"animateMotion": any,
"mpath": any,
}
}