title: Iterate over all refs values in component
body: <p>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)</p>
  
  <p>I was trying to do a simple for..in loop and than use getDOMNode().value on every ref but it doesn`t work.</p>
  
  <pre><code>var Hello = React.createClass({
  
  getAllRefsValues: function() {
      for(ref in this.refs) {
          console.log(ref);
          // ref.getDOMNode().value doesnt work here 
      }
  },
  render: function() {
      return (
       &lt;div&gt;
          &lt;button onClick={this.getAllRefsValues}&gt;Get all props values&lt;/button&gt;
          &lt;input type="text" ref="test1"/&gt;
          &lt;input type="text" ref="test2"/&gt;
          &lt;input type="text" ref="test3"/&gt;
    &lt;/div&gt;
      )
   }
  });
  </code></pre>
  
  <p>Here is <a href="https://jsfiddle.net/padsbanger/69z2wepo/9995/" rel="noreferrer">jsfiddle</a> I am working with.</p>
  
  <p>I have a feeling that, this might not be a good idea to do, but I have no idea how to approach this atm.</p>
  
  <p>Anyone help ?</p>