title: React Get Another Component State
body: <p>Hello I had just started with react not much familiar with getting the state of another component in master component. Can anyone please help here out.</p>
  <p>Scenario
  I have 4 Component namely
  <strong>A, B, C, D</strong></p>
  <ul>
  <li>Here Component <strong>B</strong> act as a parent to <strong>C and D</strong> and Component
  <strong>A</strong> act as parent to <strong>B</strong></li>
  <li>Now I want to read states of <strong>B, C, D</strong> in <strong>Component A</strong> and store
  them in state of <strong>Component A</strong></li>
  <li>How can I perform this</li>
  </ul>
  <p>Code Bellow for Reference</p>
  <p><strong>Component A</strong></p>
  <pre><code>class A extends Component {
   constructor() {
    super();
    this.state = {
    Acomp:''
    };
  }
  render() {
  return (
    &lt;B/&gt;
   )
  }
  }
  export default A;
  </code></pre>
  <p><strong>Component B</strong></p>
  <pre><code> class B extends Component {
   constructor() {
    super();
    this.state = {
    Bcomp:''
    };
  }
  render() {
  return (
    &lt;C/&gt;
    &lt;D/&gt;
   )
  }
  }
  export default B;
  </code></pre>
  <p><strong>Component C</strong></p>
  <pre><code> class C extends Component {
   constructor() {
    super();
    this.state = {
    Ccomp:''
    };
  }
  render() {
  return (
    &lt;h1&gt;i am Component C&lt;/h1&gt;
   )
  }
  }
  export default C
  </code></pre>
  <p><strong>Component D</strong></p>
  <pre><code> class D extends Component {
   constructor() {
    super();
    this.state = {
    Dcomp:''
    };
  }
  render() {
  return (
    &lt;h1&gt;i am Component D&lt;/h1&gt;
   )
  }
  }
  export default D
  </code></pre>