<div id='container'></div>
var WithLink = React.createClass({
mixins: [React.addons.LinkedStateMixin],
getInitialState: function() {
return {val: 60};
},
render: function() {
return (
<div>
<input type="range" min="50" max="75" valueLink={this.linkState('val')} />
<p>Value = {this.state.val}</p>
</div>
);
}
});
React.render(<WithLink />, document.getElementById('container'));
View Compiled
This Pen doesn't use any external CSS resources.