title: Rendering Firebase Data in React
body: <p>I'm looking to render some firebase data to the HomeFeed component. I update the state in the componentDidMount method. You can see what that looks like below. It's an array. Should I just map over that using the map function? How do I access the specific info like "title", "link", "type", etc. to be able to render it? </p>
  
  <p>Thanks a lot! </p>
  
  <pre><code>var React = require('react');
  var Rebase = require('re-base');
  var base = Rebase.createClass("https://nimbus-8ea70.firebaseio.com/");
  
  // TODO: Render Firebase data to screen.
  
  // Home
  // &lt;Home /&gt;
  var HomeContainer = React.createClass({
      render : function() {
          return (
              &lt;div className="homeContainer"&gt;
                  &lt;HomeFeed /&gt;
              &lt;/div&gt;
          );
      }
  });
  
  // Home Feed
  // &lt;HomeFeed /&gt;
  var HomeFeed = React.createClass({
      componentDidMount: function() {
          base.fetch('article', {
              context: this,
              asArray: true,
              then(data){
                  console.log(data);
                  this.setState({
                      feed: data
                  })
              }
          });
      },
      getInitialState: function() {
          return {
              feed: []
          }
      }, 
      render : function() {
          return (
              &lt;div className="homeFeed"&gt;
                  {/* Use map function here? */}
              &lt;/div&gt;
          );
      } 
  });
  
  module.exports = HomeContainer;
  </code></pre>