<div id="mountNode1" class="mountNode"></div>
<div id="mountNode2" class="mountNode"></div>
*, *:before, *:after {
box-sizing: border-box;
}
.mountNode > div {
border: 1px solid #ccc;
margin: 1em;
padding: 1em;
}
.mountNode input {
display: block;
margin: 1rem 0;
}
.mountNode pre {
background-color: white;
}
document.getElementById('mountNode1').innerHTML = `
<div>
Hello Native Web API
</div>
`;
ReactDOM.render(
React.createElement(
'div',
null,
'Hello React',
),
document.getElementById('mountNode2'),
);
View Compiled
This Pen doesn't use any external CSS resources.