react map 遍历的 标签原样输出 怎么 解决
问题描述:
用 map 遍历的数据 标记和样式原样显示在浏览器
{arr.map((value)=><p key={value.id_news}>{value.title_news}{value.info_news}</p>)}
数据结构如下
{id_news: "2", title_news: "注意事项:林明祯单身3年肖想人夫周杰伦 与邹宗翰传绯闻有点晕", info_news: "<p style="color:#111111;font-family:simsun;font-si…mage/20171007/20171007193326_64098.jpg" alt="" />", time_news: "2017-10-07 19:33:32", type_news: "0"}
答
在标签上加上 dangerouslySetInnerHTML
<ul>
{task.map((item, index) => {
return <li key={index}
onClick={() => this.deleteTask(index)}
dangerouslySetInnerHTML={{__html:item}}/>
})}
</ul>
答
把字符串,转换成html,就跟vue(v-html一样),react具体是啥不知道