react.js - 关于react 一个问题(Render HTML string w/JSX expression)

问题描述

问 题

问题是这样的，先上代码：

 render() {
        var articleInfo = this.props.articleInfo.item;
        return(
                <div className="mainContainer">
                    <div className="profile"></div>
                    <div className="mainList">
                        <div>{articleInfo.title}</div>
                        <div>{articleInfo.content}</div>
                    </div>
                </div>
        )
    }

这里面的articleInfo.content，是直接由markdown解析的带标签的文章，有很多p标签a标签什么的，如果直接现在这样写在这里面，标签是不会被解析的，会被当作字符串解析出来。现在我想要这里面的内容被浏览器按照html解析出来，该如何做？

找到一个类似问题：http://stackoverflow.com/ques... 但是答案并不是我想要的。

Vue中这个问题非常方便解决，react应该也有类似的方便的解决方案吧？

解决方案

<div dangerouslySetInnerHTML={{__html: articleInfo.content}}></div>

这篇关于react.js - 关于react 一个问题(Render HTML string w/JSX expression)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！