React and removing state based on http://stackoverflow.com/questions/29249271/remove-state-from-a-reactjs-component

JSX file

var MachineInfo = React.createClass({
    getInitialState: function() {
        return {
            data: []
        };
    },

    componentDidMount: function() {
        $.get(this.props.source, function(result) {

            this.setState({
                data: result
            });


        }.bind(this));
    },

    render: function() {

        return  <MachineInfoHeader data={this.state.data} />       
    }
});

var MachineInfoHeader = React.createClass({

    render: function() {

        var createMachineInfoItems = function(info) {
            return <MachineInfoItem info={info} />
        };

        return <div>{this.props.data.map(createMachineInfoItems)}</div>

    }
});

var MachineInfoItem = React.createClass({
    render: function() {
        return <p>
            {this.props.info.Id}
            {this.props.info.Key}
            {this.props.info.Value}
        </p>
    }
});


React.render(
  <MachineInfo source="/ajax/namevalues/2" />,
  document.getElementById('reactdiv')
);