title: Pass value from nested react component childs to the form onSubmit handle function
body: <p>I'm new with Reactjs and I'm trying to use this.refs.myComponent to get the value of an imput field, but this input field is nested in another react component. Let me share an example of what I mean:</p>
  
  <p>Imagine that i have this:</p>
  
  <pre><code>class ParentComponent extends React.Component {
      onFormSubmit(e) {
          console.log(this.refs.childName);
      }
  
      render() {
          return (
              &lt;form onSubmit={this.onFormSubmit.bind(this)}&gt;
                  &lt;ChildComponent refName='childName'/&gt;
                  &lt;button type='submit'&gt;Submit&lt;/button&gt;
              &lt;/form&gt;
          );
      }
  }
  
  class ChildComponent extends React.Component {
      render() {
          return (
              &lt;input type='text' ref={this.props.refValue} name={this.props.refValue} id={this.props.refValue}/&gt;
          );
      }
  }
  </code></pre>
  
  <p>The problem is when I call this.refs.childName I can't take the value as part of the form submit event without doing something like evt.target.childName.value?</p>
  
  <p>Regards</p>