react中处理后台接口返回存在html标签的字符串

render{
    return(
        <div>
            <div>接下来是例子</div>
            <div dangerouslySetInnerHTML={{__html:"<span>这是一个带有html标签的字符串           </span>"}}/>
        </div>    
    )
}

上面的方法可以实现,但是需要注意的是,这样的方法一定是使用dangerouslySetInnerHTML属性所在标签没有内容,例如<div dangerouslySetInnerHTML={{“<span>这是一个带有html标签的字符串</span>”}}>内容内容内容</div>,这样的写法是不被允许的。

posted @ 2019-08-10 16:26  Ashley-小博客  阅读(1474)  评论(0编辑  收藏  举报