title: Is componentDidMount of parent called after all componentDidMount of children?
body: <p>I have the code below in my render of parent</p>
  
  <pre><code>&lt;div&gt;           
  {
      this.state.OSMData.map(function(item, index) {
          return &lt;Chart key={index} feature={item} ref="charts" /&gt;
      })
  }
  &lt;/div&gt;
  </code></pre>
  
  <p>And code below in my child Chart</p>
  
  <pre><code>&lt;div className="all-charts"&gt;
      &lt;ChartistGraph data={chartData} type="Line" options={options} /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I thought the componentDidMount of parent is called only after all childs are loaded. But here the componentDidMount of parent is called before the componentDidMount of child.</p>
  
  <p>Is this how things work? Or am I doing something wrong.</p>
  
  <p>If this is how things work, how would I detect when all the child components are loaded from parent?</p>