React 如何把从服务器拿到的 html 源码编译显示出来

Question

 

从服务器拿到的数据：

<p>三种不同尺寸可选，15W-35W-50W。轨道灯由压铸铝ADC12制成；表面粉末涂层为白色、黑色或银色；COB（芯片板上）技术实现最大效率；无多个阴影；节能LED具有非常好的显色性；binning initial≤3碎石；可提供3000K的浅色，4000K和5000K；CRI≥80/≥90；50000小时后至少达到80%的光通量；BO 70基本型：具有球面表面光洁度的优质铝反射器；高光泽度阳极氧化；具有四种不同光束角的精确辐射特性；无需工具即可安装和更换；适配器可在各种类型的三相电源线；可选DALI、TRIAC。</p>

如何把它显示成正常的 html 代码

Answer 1

在react中可以使用dangerouslySetInnerHTML来解析，例：

let str='<p>三种不同尺寸可选，15W-35W-50W。轨道灯由压铸铝ADC12制成；表面粉末涂层为白色、黑色或银色；COB（芯片板上）技术实现最大效率；无多个阴影；节能LED具有非常好的显色性；binning initial≤3碎石；可提供3000K的浅色，4000K和5000K；CRI≥80/≥90；50000小时后至少达到80%的光通量；BO 70基本型：具有球面表面光洁度的优质铝反射器；高光泽度阳极氧化；具有四种不同光束角的精确辐射特性；无需工具即可安装和更换；适配器可在各种类型的三相电源线；可选DALI、TRIAC。</p>';

<div dangerouslySetInnerHTML={{ __html: str }} />