<div id='container'></div>
// using JS lib:
// https://fb.me/react-with-addons-0.13.1.js
// Value Link
var SameText = React.createClass({
mixins: [React.addons.LinkedStateMixin],
getInitialState: function() {
return { text: 'type something...' };
},
render: function() {
return (
<div>
<input type='text' valueLink={this.linkState('text') } />
<input type='text' valueLink={this.linkState('text') } />
<input type='text' valueLink={this.linkState('text') } /> <input type='text' valueLink={this.linkState('text') } />
<input type='text' valueLink={this.linkState('text') } />
</div>
)
}
});
React.render(<SameText />, document.getElementById('container'));
This Pen doesn't use any external CSS resources.