JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
var ClickTest = React.createClass({
handleClick: function(e) {
if ( this.props.persist ) {
e.persist();
}
alert("sync -> hasNativeEvent=" + !!e.nativeEvent);
setTimeout(function() {
alert("async -> hasNativeEvent=" + !!e.nativeEvent);
},0);
},
render: function() {
var text = this.props.persist ? "Persisted" : "Pooled";
return (
<div onClick={this.handleClick}>
{text + ' (click me)'}
</div>
);
}
});
var Main = React.createClass({
render: function() {
return (
<div>
<ClickTest persist={false}/>
<ClickTest persist={true}/>
</div>
);
},
});
React.render(<Main/>, document.body);