图像标签 - 如何在 url 失败的情况下放置 ICON（不是字符串 - 不是 URL）？
image tag - how to put on an ICON (not string - NOT URL) in case of url failure?
我正在使用 React.js 作为前端框架，
我有一个来自antd的图标，我想把它放在图片标签的'alt'属性中，
因此，如果我传递的 url 为空 - 它将把图标放在那里。
我尝试使用 'alt' 但它只接受字符串。
可以放一个图标吗？ （喜欢 antd 的吗？）
强调-我想将其添加为-
<Image alt={<StepBackwardOutlined />}
与实际图标中的一样，而不是 URL。
使用 onerror 属性。
来自文档：
<img src="imagefound.gif" onerror="this.onerror=null;this.src='logoIcon.jpg';" />
这里logoIcon.jpg是图标路径
你可以使用onError。
在 onError 内部，您可以在主 return 外部创建一个函数，例如：-
const onErrorImage = ((e) => {
e.target.src = <StepBackwardOutlined />
})
<img onError={onErrorImage} />
我从未尝试过使用组件....我也从未见过有人使用它....所以我不确定它是否有效。
我正在使用 React.js 作为前端框架，
我有一个来自antd的图标，我想把它放在图片标签的'alt'属性中， 因此，如果我传递的 url 为空 - 它将把图标放在那里。
我尝试使用 'alt' 但它只接受字符串。 可以放一个图标吗？ （喜欢 antd 的吗？）
强调-我想将其添加为-
<Image alt={<StepBackwardOutlined />}
与实际图标中的一样，而不是 URL。
使用 onerror 属性。
来自文档：
<img src="imagefound.gif" onerror="this.onerror=null;this.src='logoIcon.jpg';" />
这里logoIcon.jpg是图标路径
你可以使用onError。 在 onError 内部，您可以在主 return 外部创建一个函数，例如：-
const onErrorImage = ((e) => {
e.target.src = <StepBackwardOutlined />
})
<img onError={onErrorImage} />
我从未尝试过使用组件....我也从未见过有人使用它....所以我不确定它是否有效。