REFS -REACT JS

app.js

/**
 * Created by clarico on 29/04/2015.
 */
var App = React.createClass({
    getInitialState: function () {
        return {
            red     : 0,
            blue    : 0,
            green   : 0
        }
    },
    update: function () {
        this.setState({
            red :   this.refs.red.refs.inp.getDOMNode().value,
            blue:   this.refs.blue.refs.inp.getDOMNode().value,
            green:  this.refs.green.refs.inp.getDOMNode().value
        });
    },
    render: function () {
        return (
            <div>
                {this.state.txt}
                <hr/>
                <Slider ref="red" update={this.update}/>
                <label>{this.state.red}</label>
                <Slider ref="blue" update={this.update}/>
                <label>{this.state.blue}</label>
                <Slider ref="green" update={this.update}/>
                <label>{this.state.green}</label>
            </div>
        );
    }
});

var Slider = React.createClass({
    render:function(){
        return (
            <div>
                <input ref="inp" type="range" min="0" max="255" onChange={this.props.update}/>
            </div>

        );
    }
 });

React.render(<App txt="Ingrese su nombre"/>, document.body);