title: What's the proper way to pass dependencies between components in React?
body: <p>Imagine that Component A creates a list of items that Component B needs to display. What's the proper way to pass data from Component A to Component B from their parent?</p>
  
  <p>For example, let's say that Component A's constructor creates a list of items and has a function <code>_getListItems()</code> that returns that list. I'm hoping the parent can then pass that list on to other components via props. </p>
  
  <p>My naive (non-working) implementation has their parent attempting to render the components like this:</p>
  
  <pre><code>render () {
      return (
        &lt;div&gt;
          &lt;h1&gt;Data Test&lt;/h1&gt;        
          &lt;ComponentA ref='compa'/&gt;
          &lt;ComponentB items={this.refs.compa._getListItems()}/&gt;
        &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>....although the code above doesn't work, I hope it illustrates what I'm trying to do. </p>
  
  <p>ps. nOOb to react and javascript, so forgive me if the answer to my question's obvious...</p>