我从一个包含HTML的API收到了信息。但是当我尝试在代码中显示信息时,它会将HTML转换成字符串,而不是真正的HTML。
我搜索了很多资料,看到的都是使用dangerouslySetInnerHTML
方法的方法,但我也看到了一些关于它的评论和回复,如果有其他解决方案,我不想使用它。同时,我也尝试使用Fragment
但并没有成功。
以下是我的render()代码:
return (
<div>
{models.map(model => (
<a href="/sofa">
<div className="Parcelas" key={model.id}>
<img
src={"url" + model.image}
className="ParcImage"
alt="sofa"
/>
<h1>Sofá {model.name}</h1>
<h2>
1,200<span>€</span>
</h2>
<p className="Features">{model.description}</p>
<button className="Botao">
<p className="MostraDepois">Ver Detalhes</p>
<span>+</span>
</button>
<img src="../../img/points.svg" className="Decoration" alt="points" />
</div>
</a>
))}
</div>
);
这里有一张图片,显示如下内容: