title: React.js How to find ref element in inner component
body: <p>I want to share data with &lt; Filtering /> component from onChange event to parent component &lt; ViewTwoComponent /> I don't know how to do it</p>
  
  <p>Do you know maybe how to share data between  component and his parent  </p>
  
  <p>ViewTwoComponent they don't see ref value and i don't know why?</p>
  
  <p>On console is error: <em>Uncaught TypeError: Cannot read property 'getDOMNode' of undefined</em></p>
  
  <pre><code>var ViewTwoComponent = React.createClass({
      "getInitialState": function() {
          return {
              "userTextValue": "hello11111111111111",
              "userTextRef": "userTextRef"
          }
      },
      "updateState": function(value) {
          this.setState({userTextValue: value })
      },
      "handleChange": function() {
          this.updateState(this.refs.userTextRef.getDOMNode().value)
      },
      "render": function() {
          return &lt;div&gt;
              &lt;Inner /&gt;
              &lt;Filtering refName={this.state.userTextRef} handleChange={this.handleChange} userTextValue={this.state.userTextValue} /&gt;
          &lt;/div&gt;;
      }
  })
  
  var Inner = React.createClass({
      "render": function() {
          return &lt;span&gt;INNER&lt;/span&gt;;
      }
  });
  
  var Filtering = React.createClass({
      "render": function() {
          return &lt;span&gt;
              &lt;input type="text" ref={this.props.refName} onChange={this.props.handleChange} value={this.props.userTextValue} /&gt;
          &lt;/span&gt;;
      }
  });
  
  React.render(&lt; ViewTwoComponent /&gt;, document.getElementById("inner"))
  </code></pre>