敲代码不为别的，就是为了找个媳妇 › React 16+ › React 输出字符串转 HTML 的 问题

周大胖子 发表于 2020-12-3 11:23:32

React 输出字符串转 HTML 的 问题

<div className="news-info-content" dangerouslySetInnerHTML={{ __html: this.state.article_content}}>
                        </div>

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


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

查看完整版本: React 输出字符串转 HTML 的 问题