Javascript 在网页中呈现所有HTML后加载react脚本

我有一个网页，其中大部分html都写在这个html中。我有一个div，其中我的react脚本应该呈现一个组件。

type=“text/template”

中的HTML使用我无法控制的javascript代码呈现

当我在页面的

标题或
正文底部的事件中添加对react脚本的引用时，我总是得到

未捕获错误：_registerComponent（…）：目标容器不是DOM
元素

如何在呈现所有HTML之后加载react脚本，以便找到呈现其组件的节点

更新

这个脚本是用一些我无法控制的javascript代码呈现的

<script type="text/template">
  <div>
   <ul class="new-component-template" id="xblocklist" >
    <!-- the react script is supposed to render here -->
   </ul>
  </div>
</script>





这个react脚本在上面的脚本之前加载，所以我得到一个

目标容器不是DOM元素。
错误

var ListXblocks=React.createClass({
componentWillMount:function（）{
this.setState（{Problemstyle:this.props.Problemstyle}）
取（'http://192.168.33.10:8002/XBlocks/')
.then（result=>result.json（））
。然后（结果=>{
this.setState（{items:result}）
})
},
render:function（）{
返回(
{
this.state.items.map（（item）=>{return(

{item.description}
）}）
}
);
}
});
ReactDOM.render（，document.getElementById（'xblocklist'）；
我不明白你的问题。也许可以展示一些代码给我们上下文？@AndrewLi我用一些代码更新了我的帖子
var ListXblocks = React.createClass({

  componentWillMount: function(){
     this.setState({Problemstyle: this.props.Problemstyle})
     fetch('http://192.168.33.10:8002/XBlocks/')
     .then(result=>result.json())
     .then(result=> {
       this.setState({items:result})
     })
   },

  render:function(){
    return(

      <div>
        {
          this.state.items.map((item)=>{return(
            <li className="editor-manual" key={item.title}>
              <button type="button" className="button-component" data-category="problem" data-boilerplate="">
                <span className="name">{item.description}</span>
              </button>

            </li>)})

          }
      </div>

    );

  }

});

ReactDOM.render(<ListXblocks/>, document.getElementById('xblocklist'));