Parsing a json object in React

Messages.js

const dataW = [
    {
      "id": "1",
      "type": "messages",
      "attributes": {
        "body": "Example Message 1",
        "updated-at": "2016-12-28T18:32:50.176Z"
      }
    }
  ]

class Message extends React.Component {
  render() {
    return (<div>
      <h5>{this.props.message.attributes['updated-at']}</h5>
      <p>{this.props.message.attributes.body}</p>
      </div>
    );
  }
}
export default React.createClass({

  render() {
    return ( <div><h3>Messages</h3><MessageList messages={dataW} /></div>);
  }
})

class MessageList extends React.Component {
  render() {
    var rows = [];
    this.props.messages.forEach(function(message) {
      rows.push(<Message message={message} key={message.id} />);
    });

    return (
      <div>{rows}</div>
    );
  }
}