React: Retrieve dynamic child key upon event

Question

I am aware that dynamic children of a component must have a unique key as the following (modified example from official docs):

Answer 1

Partially apply the function callback by using JavaScript's native bind. This is mentioned in React's "Communicate Between Components" doc:

callbackFn: function(key) {
  // key is "result.id"
  this.props.callbackFn(key);
},
render: function() {
  var results = this.props.results;
  return (
    

      {results.map(function(result) {
        return (
          
        );
      }, this)}
    
  );
}