老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 812|回复: 0

React 输出字符串转 HTML 的 问题

[复制链接]

662

主题

878

帖子

5113

积分

超级版主

Rank: 8Rank: 8

积分
5113
发表于 2020-12-3 11:23:32 | 显示全部楼层 |阅读模式
  1. <div className="news-info-content" dangerouslySetInnerHTML={{ __html: this.state.article_content}}>
  2.                         </div>
复制代码


嗯 就这样 使用 dangerouslySetInnerHTML={{ __html: this.state.article_content}} ;


这里面,有一个坑点,就是 关于icon 的  第一种模式  [ 第二第三种都不能用-.- ]只能采取最原始的&#xe643;  这要的格式 。 注意这玩意必须当做  html 输出,否则不行
  1. {
  2.                         this.state.data2.map((item, index) => {
  3.                             return(
  4.                                 <div className="activity-item activity-item-renqi"  key={index} >
  5.                                     <span  className="iconfont ft80 shoushi hover-lv" dangerouslySetInnerHTML={{ __html: item.icon }}></span>
  6.                                     <p className="activity-item-text"> {item.title} </p>
  7.                                     <Button type="primary"> 立即咨询 </Button>
  8.                                 </div>
  9.                             )
  10.                         })
  11.                     }
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表