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
/** @jsx React.DOM */
var MultipleSetState = React.createClass({
getInitialState () {
return {
text: '',
error: '',
click: false
}
},
handleBlur (e) {
var _value = e.target.value;
this.setState({error: _value + " Is not a valid email"});
},
handleClick () {
this.setState({click: true});
},
render () {
var error = this.state.error;
return (
<div>
{error}
<input type="text" onBlur={this.handleBlur} autofocus />
<button onClick={this.handleClick}>button</button>
<pre>{JSON.stringify(this.state, undefined, 2)}</pre>
</div>
);
}
});
React.renderComponent(<MultipleSetState />, document.body);