在React组件

Question

尝试显示wordpress API

中的渲染内容

      "rendered":"<p>Star Wars: Episode IV - A New Hope [&hellip;]<\/p>\n" },

我使用superagent发出请求

getPost(){

    var self = this;
request.get(WP_URL + '/posts?filter[paged]=1&filter[posts_per_page]=1').end(function(err, res) {
    self.setPost(res);
});
}

在回调中设置状态和

setPost(res){
this.setState({
    text: res.body[0].content.rendered
});

}

rawMarkup() {
return { __html: this.state.text };
    }

当我尝试渲染这样的标记时：

render() {
    return (
        <div>
            <Header />
            <MainNavigation />
            <AboutPage />
            <SkillsSection />
            <ExperienceSection />
            <div className="container">
                <div className="row">
                    <div className="col-sm-8 blog-main">
                    {this.rawMarkup()}
                    </div>
                </div>
            </div>
            <Footer />
        </div>
    );
}
}

我收到错误：

未捕获的不变违规：对象无效作为React子对象（找到：具有键{__html}的对象）。如果您要渲染子集合，请使用数组，或使用React附加组件中的createFragment（object）包装对象。

如何在组件中渲染json？