JSFiddle - React, Tailwind, and code Playground
HTML
<script type='text/javascript' src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script type='text/javascript' src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script type="text/jsx">
/** @jsx React.DOM */
var TimeInChild = React.createClass({
render: function() {
var t = new Date().getTime();
return (
<p>Time in child:{t}</p>
);
}
});
var Main = React.createClass({
onTest: function()
{
this.setState({'test':'me'});
},
render: function() {
var currentTime = new Date().getTime();
return (
<div onClick={this.onTest}>
<p>Time in main:{currentTime}</p>
<p>Click me to update time</p>
<TimeInChild/>
</div>
);
}
});
React.renderComponent(<Main/>, document.body);
</script>
</script>