You don’t need jQuery to work around this issue.
You just need to render into a temporary DIV and extract the content and replace the existing element. I’ve added the id="destination"
so that the element can be easily retrieved from the temporary element.
var Hello = React.createClass({
render: function() {
return <div id="destination">Hello {this.props.name}</div>;
}
});
// temporary render target
var temp = document.createElement("div");
// render
React.render(<Hello name="World" />, temp);
// grab the container
var container = document.getElementById("container");
// and replace the child
container.replaceChild(temp.querySelector("#destination"), document.getElementById("destination"));