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 App = React.createClass({
mixins: [React.addons.LinkedStateMixin],
getInitialState: function () {
return {a: 'foo', b: 'bar'};
},
render: function() {
var linkB = {
value: this.state.b || '',
requestChange: function (val) {
this.setState({b: val})
}
};
return (
<div>
<input type="text" valueLink={this.linkState('a')} />
<textarea valueLink={linkB} />
<button onClick={this.nullMe}>Replace State</button>
</div>
);
},
nullMe: function () {
this.replaceState({a: null, b: null});
}
});
React.render(<App />, document.body);