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"}

2个回答

在标签上加上 dangerouslySetInnerHTML

     <ul>
                    {task.map((item, index) => {
                            return <li key={index}
                                                onClick={() => this.deleteTask(index)}
                                                dangerouslySetInnerHTML={{__html:item}}/>
                    })}
            </ul>
weixin_45517048
__东__东 谢谢
2 个月之前 回复

把字符串,转换成html,就跟vue(v-html一样),react具体是啥不知道

weixin_45517048
__东__东 谢了 解决了
2 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问