Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于响应组件的动态HTML字符串_Javascript_Reactjs - Fatal编程技术网

Javascript 用于响应组件的动态HTML字符串

Javascript 用于响应组件的动态HTML字符串,javascript,reactjs,Javascript,Reactjs,我将从其他react组件呈现的模板呈现中获取动态html内容。如何将此html字符串转换为React组件,以便在渲染函数中使用该组件。请注意,我希望保留用于扩散的特定属性 React.createClass({ var self=这个; componentWillMountDown:function(){ //在我的实际案例中,htmlString本质上是一个巨大的动态链接 var htmlString=“”; self.setState({responseString:htmlString}

我将从其他react组件呈现的模板呈现中获取动态html内容。如何将此html字符串转换为React组件,以便在渲染函数中使用该组件。请注意,我希望保留用于扩散的特定属性

React.createClass({
var self=这个;
componentWillMountDown:function(){
//在我的实际案例中,htmlString本质上是一个巨大的动态链接
var htmlString=“”;
self.setState({responseString:htmlString});
self.forceUpdate();
},
render:function(){
var响应=this.state.responseString;
//如何将react组件作为响应返回?
return();//不起作用。错误:它应该是有效的react组件吗
}

});因为您将组件存储为字符串,所以必须使用
危险的HTML
。这是我的建议。我希望其他人会有更好的答案。:)

render:function(){
var self=这个;
var Response=React.createClass({
render:function(){
返回()
}
});
返回(
)
}

几个小时前,我在npm()中发布了一个
html来响应
模块,这可能会对您有所帮助


如果您需要什么,请告诉我,我当然可以与您合作,使模块更加灵活。

您可以使用React HTML解析器。这里是链接


它是一个将HTML字符串转换为React组件的实用程序。避免使用危险的HTML,并将标准HTML元素、属性和内联样式转换为等效的React。

刚刚编辑了问题。因为我想保留特定于react的属性,所以无法使用危险的SetInnerHtml。是否有一种从HTML字符串创建react组件的编程方法?如何在Asp.NETMVC项目中使用htm进行反应?查看了internet,但找不到简单的答案。您可能必须配置ReactJS.net才能使用webpack,这是一个巨大的难题。请参阅:-在尝试这种方法并成功(经过几天的工作)之后,我修改了Asp.NETMVC项目以使用RESTfulAPI,并移植了前端以创建react appAn答案不应该只是一个链接,它应该显示回答问题所需的代码
    render: function() {
    var self = this;
    var Response = React.createClass({
        render: function(){
        return (<div dangerouslySetInnerHTML={{__html: self.state.responseString}}></div>)
        }
    });
    return (
            <Response />
    )
   }