title: How to load components conditionally in ReactJS
body: <p>This is from a new starter of ReactJS. Unavailability of easily graspable resources has prompted me to knock at SO again. The issue is this. I have a React Component namely, <code>RegisterAccount</code> which when clicked shoots another component (a pop-up) allowing users to fill in the required details to register an account. Now once an account is successfully registered, I want to add the registered account as another component under <code>RegisterAccount</code>. How can I have this communication set up?</p>
  
  <pre><code>//In RegisterAccount
  &lt;addAccount/&gt; //pop-up
  &lt;accountAdded/&gt; //if account added, then show this component
  </code></pre>