类型“string”不可分配给类型“ImageSourcePropType”

Question

背景 我正在尝试使用 SVG 组件，该组件在标签xlinkHref内具有该属性Image。(TSX)该文件是一个普通的 SVG，但我使用https://react-svgr.com/playground/?native=true将其转换为 React Native 组件。我之前用相同的方法使用过非常简单的 SVG 图标，但没有一个具有该xlinkHref属性。

问题

该组件在某个时候有一个Image标签，其内容如下： xlinkHref="data:image/png;base64,，但是，紧接着它就有大约 474 行加密信息，或者至少我认为是这样。例如，这是第一行的前半部分：iVBORw0KGgoAAAANSUhEUgAAAeUAAAJwCAYAAAC3c3kPAAAAAXNSR0IArs4c6QAAQABJREFUeAH。该xlinkHref标签被 VS Code 自动突出显示为不正确，并且我收到标题中提到的错误：

类型“string”不可分配给类型“ImageSourcePropType”。

下面的错误消息提到：

预期类型来自属性“xlinkHref”，该属性在类型“IntrinsicAttributes & IntrinsicClassAttributes<Component<ImageProps, any, any>> & Readonly & Readonly<...>”上声明

我不是一个专业的程序员，无法理解错误试图告诉我什么，所以如果有人愿意解释一下，那就意义重大。

问题

是否可以在 React Native 中使用具有此类属性和赋值的 SVG 组件，或者它根本不兼容？我该如何解决它？这是一个已知问题还是我刚刚遇到了新的障碍？我在互联网上找不到有关此特定问题的任何内容。

预先非常感谢！

Answer 1

这对我有用：xlinkHref={'...' as any}