为什么我们在 ReactJS 中的 <img/> 标签之间添加任何标签时会出错？

Question

我在 img 标签之间添加了 span 标签，因此出现错误请解释为什么会出现错误。究竟是什么问题...

<img src="any demo images here" alt="Nadeem">
                <span>adeem</span>
</img>

Answer 1

原因是因为img标签不能有任何子元素。

要获得您正在寻找的结果，您可能需要像这样将 img 和 span 包装在包装器 div 中。

<div style={{position: "relative"}} />
    <img src="any demo images here" alt="Nadeem">   
    <span style={{position:"absolute", bottom: "0px", margin: "0px auth"}}>adeem</span> 
</div>

（我不确定这是否是您要查找的内容，但根据您的问题假设是）

为什么我们在 ReactJS 中的 <img/> 标签之间添加任何标签时会出错？

Why we get error when we add any tag in between <img/> tag in ReactJS?

reactjs

react-redux

react-hooks

custom-error-handling