IT技术 - 动态 HTML 字符串以响应组件 - 吾爱随笔录

我将从我的模板渲染中获取动态 html 内容，该内容由其他 react 组件渲染。我将如何将此 html 字符串转换为 React 组件，以便我可以在渲染函数中使用该组件。请注意，我想保留用于差异的react特定属性。

React.createClass( {
  var self = this;

  componentWillMountDown : function() {
    //htmlString is essentially huge dynamic one in my actual case
    var htmlString = "<div class='classDiv' react-id="0.1"><input type='text'/></div>";
    self.setState({responseString : htmlString});
    self.forceUpdate();
  },
    
  render: function() {
    var Response = this.state.responseString;
    //how would I return the react component as response?
    return (<Response/>); //does not work. err is it shd be valid react component
   }
});

我尝试将 htmlString 转换为 HTMLDocument 对象，并在 willmount 回调中递归创建 React.createElement 并设置 react 组件。但是，错误是未定义 toUpperCase 类型。

render: function() { var self = this; var Response = React.createClass({ render: function(){ return (<div dangerouslySetInnerHTML={{__html: self.state.responseString}}></div>) } }); return ( <Response /> ) }