This can't be the right way :)

gistfile1.js

var ActivityRow = React.createClass({
  render: function() {
    return (
        <div className="activity-row">
          <span className="activity-time-stamp">{this.props.activity.timestamp}</span>
          <p>{this.props.activity.title}</p>
          <p className="activity-detail">{this.props.activity.detail}</p>
        </div>
    )
  }
});

var ActivityList = React.createClass({
    render: function() {
      var activityRows = this.props.data.map(function (activity) {
        return (
            <ActivityRow activity={activity}></ActivityRow>
        );
      });
      return (
        <div>{activityRows}</div>   //I don't want this wrapper div.. how do I get around this sort of thing?
      )
    }
});

var ActivityBox = React.createClass({
  render: function() {
    return (
        <div className="span4 incident-activity-feed">
          <h4>Activity Feed</h4>
          <ActivityList data={this.props.data} />
        </div>
    );
  }
});


$(document).ready(function () {
  React.render(
      <ActivityBox data={fakeData.assetActivities} />,
      document.getElementById('activity-feed')
  );
});