React show list from a AJAX call

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() {

        var createItem = function(item) {
            return <p>{item.Id} {item.Key} {item.Value} </p>;
        };

        return <div>{this.state.data.map(createItem)}</div>;

    }
});

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

returned json

[
    {"Id":5,"Key":"Temp","Value":"160"},
    {"Id":6,"Key":"Pressure","Value":"Light"},
    {"Id":7,"Key":"Time","Value":"Pre 10 Press 20"},
    {"Id":8,"Key":"Release","Value":"Warm"}
]