Use of DataTable via React props for column and row data (stateless)

datatable-react-stateless.js

var TabularData = React.createClass({
  componentDidMount: function () {
    $(this.refs.table.getDOMNode()).DataTable();
  },
  componentDidUpdate: this.componentDidMount,
  render: function () {
    var headers = _.pluck(this.props.table.columns, 'title')
          .map(function (title) {
            return D.th({key: title}, title);
          });
    var rows = this.props.table.rows
          .map(function (row) {
            return D.tr({key: _.uniqueId()}, row.map(function (datum) {
              return D.td({key: _.uniqueId()}, datum);
            }));
          });
    return D.table({ref: 'table'},
                   D.thead({}, D.tr({}, headers)),
                   D.tbody({}, rows));
  }
});