title: Children to children components communication
body: <p>I have 1 parent component name [Parent-1] and 1 child component name [Child-1]. Now, I have few more other components name [Other-1] and [Other-2].</p>
  
  <p>Now i am passing [Other-1] and [Other-2] component to [Child-1] component. JSX is rendering correct. How can i access [Other-1/2] component functions from [Child-1] ? or How can i pass props to [Child-1] from [Other-1/2] ?</p>
  
  <p>By using refs I am able to call the [Other-1/2] functions from [Parent-1] but I want to access from [Child-1]. I tried passing refs to [Child-1] like <code>&lt;Child abc={() =&gt; this.refs.other1.hello()}/&gt;</code> or <code>&lt;Child abc={this.refs.other1.hello()}/&gt;</code> but this is not working.</p>
  
  <p>By using global Event Emitter way I am able to achieve solution to my above problem. But not sure if that's the appropriate way in React.js</p>