Understanding unique keys for array children in React.js

Question

I\'m building a React component that accepts a JSON data source and creates a sortable table.
Each of the dynamic data rows has a unique key assigned to it but I\'m stil

Answer 1

var TableRowItem = React.createClass({
  render: function() {

    var td = function() {
        return this.props.columns.map(function(c, i) {
          return {this.props.data[c]};
        }, this);
      }.bind(this);

    return (
      { td(this.props.item) }
    )
  }
});

This will sove the problem.