I'm trying to iterate through all the keys in a hash, but no output is returned from the loop. console.log() outputs as expected. Any idea why the JSX isn't returned and outputted correct?

var DynamicForm = React.createClass({

  getInitialState: function() {

    var items = {};

    items[1] = { name: '', populate_at: '', same_as: '', 

                 autocomplete_from: '', title: '' };

    items[2] = { name: '', populate_at: '', same_as: '', 

                 autocomplete_from: '', title: '' };

    return {  items  };

  },







  render: function() {

    return (

      <div>

      // {this.state.items.map(function(object, i){

      //  ^ This worked previously when items was an array.

        { Object.keys(this.state.items).forEach(function (key) {

          console.log('key: ', key);  // Returns key: 1 and key: 2

          return (

            <div>

              <FieldName/>

              <PopulateAtCheckboxes populate_at={data.populate_at} />

            </div>

            );

        }, this)}

        <button onClick={this.newFieldEntry}>Create a new field</button>

        <button onClick={this.saveAndContinue}>Save and Continue</button>

      </div>

    );

  }