title: How can child components communicate in React React-Native?
body: <p>How can I get access to <code>test1()</code> from <code>test2()</code> or vice versa? I already know I have access to each from the parent thru <code>ref_to_test1</code> and <code>ref_to_test2</code>. But what about the children components calling functions to each other directly?</p>
  
  <pre><code>var CommentBox = React.createClass({
  
    render: function() {
    console.log(this)
      return (
       &lt;div className="commentBox"&gt;
          &lt;h1&gt;Comments&lt;/h1&gt;
          &lt;CommentList ref={'ref_to_test1'}/&gt;
          &lt;CommentForm ref={'ref_to_test2'}/&gt;
        &lt;/div&gt;
  
      );
    }
  });
  var CommentList = React.createClass({
  test1:function(){},
    render: function() {
     console.log(this)
      return (
        &lt;div className="commentList"&gt;
          Hello, world! I am a CommentList.       
        &lt;/div&gt;
      );
    }
  });
  
  var CommentForm = React.createClass({
  test2:function(){},
    render: function() {
      return (
        &lt;div className="commentForm"&gt;
          Hello, world! I am a CommentForm.
        &lt;/div&gt;
      );
    }
  });
  ReactDOM.render(
    &lt;CommentBox /&gt;,
    document.getElementById('content')
  );
  </code></pre>