React - ref Value In onChange in map() That Generate <table> (Meteor)
<p>here is a snippet from render()</p>

<pre><code>{users.map((user)=&gt;{
    return &lt;tr key={user._id}&gt;
        &lt;td&gt;&lt;input  onChange={this.handleChange.bind(this, user._id)}
            type="text" 
            ref="name" 
            value={user.profile.firstName} /&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
})}
</code></pre>

<p>here is the handler:</p>

<pre><code>handleChange(userId) {
    console.log(userId);
    var name = this.refs.name.value.trim();
    console.log(name);
}
</code></pre>

<p>The handler will print the correct userId but always the last name in the user table</p>

<p>What is the correct way to create a handler that can fetch the values of the specific input field in a table created by map?</p>

<p>Should I generate unique refs somehow?</p>

<p>Or is there a different method for this one?</p>