时间戳

首页 > 解决方案 > 为什么我们在 ReactJS 的标签之间添加任何标签时会出错？

reactjs - 为什么我们在 ReactJS 的标签之间添加任何标签时会出错？

问题描述

我在 img 标签之间添加了 span 标签，所以它给出了一个错误请解释为什么它给出一个错误。究竟是什么问题...

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

标签： reactjsreact-reduxreact-hookscustom-error-handling

解决方案

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

要获得您正在寻找的结果，您可能希望将imgandspan包装在这样的包装器中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>

（我不确定这是否是您正在寻找的，但从您的问题中假设是这样）

推荐阅读