__东__东
2019-12-14 12:27
采纳率: 50%
浏览 615

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条回答 默认 最新

  • 丶Moonlight 2019-12-14 14:41
    已采纳

    在标签上加上 dangerouslySetInnerHTML

         <ul>
                        {task.map((item, index) => {
                                return <li key={index}
                                                    onClick={() => this.deleteTask(index)}
                                                    dangerouslySetInnerHTML={{__html:item}}/>
                        })}
                </ul>
    
    点赞 评论
  • 把字符串,转换成html,就跟vue(v-html一样),react具体是啥不知道

    点赞 评论

相关推荐 更多相似问题