ReactJS DOM动态引用

Question

我有一个包含行的表，并且我希望能够使用getDOMNode来修改DOM。

通常，我将定义组件ref =“ mytable”的引用，然后使用this.refs.mytable.getDOMNode（）;获取引用。我希望能够根据ID创建引用名称。

如何使用ref = {“ row” + val.id）获得该DOM？我尝试使用方括号this.refs ['row'+ i] getDOMNode（）; 但我仍然出现错误，这是一个小提琴：https : //jsfiddle.net/ux4rL8sf/4/

onRowClick: function (i) {
  var x = this.refs['row' + i]getDOMNode();
  //Do Something with x
},
var Items = this.state.currentItems.map(function(val) {
  return (
    <tr ref={"row" + val.id} onClick={this.onRowClick.bind(this, val.id) }> </tr>
   )
 });

Answer 1

您快到了，只需要这样使用括号符号

onRowClick: function (i) {
  var x = this.refs['row' + i].getDOMNode();
  //Do Something with x
}