如何从服务器呈现动态响应组件

Question

我在服务器上有一个小的HTML块，它是通过Ajax调用加载的。它有来自react路由器的<Link>标签。我想渲染此块，以便<Link>标记转换为<a>。

我尝试创建一个临时反应组件并传递HTML块并渲染它。但是返回的HTML仍然是<Link＆gt;标签

这是HTML块。 <Link>标记位于第四行。

    <div id="mobile-home-categories">
      <div class="row feature-categories">
        <div class="col-md-6 col-xm-6 col-sm-6 col-xs-6">
          <Link to="/bedroom-furniture.htm" state="{ catId: 3 }"> 
          <img src="{{media url="wysiwyg/furniture.png"}}" alt="furniture" />
          FURNITURE</Link>
        </div>
        <div class="col-md-6 col-xm-6 col-sm-6 col-xs-6">
          <a href="decor.htm"><img src="{{media url="wysiwyg/decor.png"}}"     alt="decor" />
          DECOR</a>
        </div>
      </div>
    </div>

    promise.done(function(data){
        const content = jQuery("<div/>").html(data.firstElementChild.firstElementChild.textContent).html();
        const comp = React.createClass({
          render: function() {
            return <div>{this.props.content}</div>;
          }
        });
        const renderedComponent = ReactDOM.render(<comp content={content}/>, document.createElement('div'));
    });