react map 遍历的 标签原样输出 怎么 解决

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具体是啥不知道