Using react props in .map function
<p>Let's say I have the following render function on one of my components.
From the parent element I have passed a <code>changeTid</code> prop function.</p>

<p><strong>Parent:</strong></p>

<pre><code>&lt;RequestsList data={this.state.data} changeTid={this.changeTid} /&gt;
</code></pre>

<p><strong>Child:</strong></p>

<p>(I'm using ES6 classes)</p>

<pre><code>render() {  
var RequestNodes = this.props.data.map(function(request) {
  return (
    &lt;Request 
        key={request.TID} 
        changeTid={this.props.changeTid}
    /&gt;
  );
});

    return (
        &lt;div className="list-group"&gt;{RequestNodes}&lt;/div&gt;
    );
}
</code></pre>

<p>I can't use <code>this.props.changeTid</code> in my map function as <code>this</code> is not referencing what I wan't. Where do I bind it so I can access my <code>props</code>?</p>