reactjs和呈现纯HTML

首先,我是全新的反应所以我不确定我的代码是否已经写成"反应方式".

到目前为止,我已经创建了几个反应类来渲染Bootstrap模态.要设置初始状态,我在componentsDidMount函数中调用Ajax 函数.这工作正常,直到我尝试将纯HTML插入模态体.

服务器请求工作正常,我得到了纯HTML代码,this.state.data.content但如果我尝试将其插入到模态体中,我会收到以下错误:

错误:不变违规:对象作为React子项无效(找到:具有键{__html}的对象).如果您要渲染子集合,请使用数组,或使用React附加组件中的createFragment(object)包装对象.

有谁知道如何解决这一问题？我甚至在这里做正确的事吗？

谢谢!

Icepickle.. 7

好吧,看起来,你错过了一个div标签,你希望渲染你的原始html

考虑改变这样的Modal.Body代码

var L5fmModalBody = React.createClass({
    rawMarkup: function() {
        return { __html: this.props.content };
    },
    render: function() {
        return(
            
                

            
        );
    }
});

否则渲染会被破坏,因为您的标记无法真正设置为Modal.Body元素上的子项

好吧,看起来,你错过了一个div标签,你希望渲染你的原始html

考虑改变这样的Modal.Body代码

var L5fmModalBody = React.createClass({
    rawMarkup: function() {
        return { __html: this.props.content };
    },
    render: function() {
        return(
            
                

            
        );
    }
});

否则渲染会被破坏,因为您的标记无法真正设置为Modal.Body元素上的子项