JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
/** @jsx React.DOM */
var Hello = React.createClass({
change: function (event) {
if (event.target.validity.valid) {
this.setState({ v: event.target.value });
} else if (event.target.value == '') {
$(this.getDOMNode()).val('');
}
},
getInitialState: function () {
return {
v: ''
};
},
render: function() {
return <input type='number' value={this.state.v} onChange={this.change} />;
}
});
React.renderComponent(<Hello name="World" />, document.body);