React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>
<script src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

CSS

.group {
  border: 1px solid #ddd;
  padding: 15px;
}
.group h1,
.group p {
  margin: 0;
}

JavaScript 1.7

var data = {
  '2016-09-24': {
    0: {amount: 200, id: 2},
    1: {amount: 300, id: 3}
  },
  '2016-09-25': {
    0: {amount: 500, id: 8},
    1: {amount: 250, id: 9}
  }
}

var Component = React.createClass({

  dailySales: function() {

    return Object.keys( data ).map( function( date, i ) {

        return (
            <div key={ i } className="group">
                <h1>{ date }</h1>
                { Object.keys( data[ date ] ).map( function( item, j ) {
                    var rowItem = data[date][item];
                    return (
                        <p key={ rowItem.id }>Amount: { rowItem.amount }</p>
                    );
                })}
            </div>
        );

    });
  },

  render: function() {
    return (
      <div>
        { this.dailySales() }
      </div>
    )
  }

});

ReactDOM.render( <Component /> ,
  document.getElementById('container')
);