I am using React.js as Frontend framework,
I have an icon from antd, and I want to put it in the 'alt' prop of an image tag, so in case that the url I pass there will be null - it will go to put the icon there.
I tried using 'alt' but it only accepts string. is it possible to put there an icon? (like one from antd?)
to emphasize - I want to add it as -
<Image alt={<StepBackwardOutlined />}
as in in an actual icon and NOT AS A URL.
You can use on onError. Inside onError you can create a function outside the main return for ex:-
const onErrorImage = ((e) => {
e.target.src = <StepBackwardOutlined />
})
<img onError={onErrorImage} />
I never tried it with a component....and i never saw someone using it....so i am not sure that it will work or not.