我正在使用Typescript(TSX)构建一个React客户端。在我的网页中,我想使用React的SVG API构建一个SVG。它有效,但是Typescript正在抱怨它。以下是我的一个TSX文件的具体示例:
<marker id="my-marker" refX="0.0" refY="0.0" orient="auto">
... children ...
</marker>
此处,Typescript抱怨refX
,refY
和orient
不属于SVGProps
(在{{1}的文字index.d.ts
中定义尽管每个相关的浏览器都正确地解释它们。它们也在SVG Standard中定义,并在SVG documentation on MDN中提及。
我该如何应对这种情况?我是否应该覆盖React的react
文件,将缺少的属性添加到index.d.ts
,如果是,我该怎么做?我的猜测是SVGProps
只是描述了不存在这些属性的旧版SVG。但我需要使用这些属性,我不希望在每个Typescript编译中反复看到这个错误。