React Base Fiddle (non-JSX)
Starting point for creating JSFiddles with React. This uses React with Addons.
HTML
<script src="https://fb.me/react-with-addons-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<div id="container">
<!-- This element's contents will be replaced with your component. -->
</div>
Babel + JSX
var x = '<script>alert("HELLO)"</script>';
var Hello = React.createClass({
displayName: 'Hello',
render: function() {
var s = document.createElement('script');
s.innerHTML =' alert("this.is.sparta");function pClicked() {console.log("p is clicked");}'
document.head.appendChild(s);
return (<div dangerouslySetInnerHTML={{__html: x}} />);
}
});
console.log('x is ', x);
ReactDOM.render(
React.createElement(Hello, {name: "World"}),
document.getElementById('container')
);