title: How to update props of React Component rendered using ReactDOM.render()
body: <p>I am trying to integrate react into my angularjs webapp.</p>
  
  <p>In my controller I create the component, which initially has array props that are empty. When the app is done initializing, I want to update the props again. Do I do this by calling <code>ReactDOM.render()</code> again or can I keep a reference to this instance and just do something like <code>updateProps(newProps)</code>?</p>
  
  <p>This is called from my controller:</p>
  
  <pre><code>ReactDOM.render(
      &lt;NavBar
          currencyTabs = {[]}
      /&gt;, document.getElementById("navbar-root")
  );
  </code></pre>
  
  <p>And then when the data is done loading i need to update the <code>currencyTabs</code> with a full array ...</p>
  
  <p>I understand how react components props update from parent to child, but I don't quite get how I can do this from plain JS.</p>