I am trying to access all ref values in my component and do something with them (for example, create payload to send to a server)

I was trying to do a simple for..in loop and than use getDOMNode().value on every ref but it doesn`t work.

var Hello = React.createClass({



getAllRefsValues: function() {

    for(ref in this.refs) {

        console.log(ref);

        // ref.getDOMNode().value doesnt work here 

    }

},

render: function() {

    return (

     <div>

        <button onClick={this.getAllRefsValues}>Get all props values</button>

        <input type=text ref=test1/>

        <input type=text ref=test2/>

        <input type=text ref=test3/>

  </div>

    )

 }

});

Here is jsfiddle I am working with.

I have a feeling that, this might not be a good idea to do, but I have no idea how to approach this atm.

Anyone help ?