Question

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

通常我会定义组件ref =＆＃34; mytable＆＃34;然后使用this.refs.mytable.getDOMNode（）获取引用;我希望能够根据id创建引用名称。

如何使用ref = {＆＃34; row＆＃34; + val.id）？我尝试使用括号this.refs [＆＃39; row＆＃39; + i] getDOMNode（）;但我仍然得到一个错误，这是一个小提琴： https://jsfiddle.net/ux4rL8sf/4/

$.ajax({
    url: "https://api.instagram.com/v1/users/xxxxxxxxx",
    dataType: 'jsonp',
    type: 'GET',
    data: { access_token: accessToken },
    success: function (data) {
        var followers_one = data.data.counts.followed_by;
        $('#assets .one').append(followers_one);
    }
});

$.ajax({
    url: "https://api.instagram.com/v1/users/xxxxxxxxx",
    dataType: 'jsonp',
    type: 'GET',
    data: { access_token: accessToken },
    success: function (data) {
        var followers_two = data.data.counts.followed_by;
        $('#assets .two').append(followers_two);
    }
});

Answer 1

你几乎就在那里，只需使用这样的括号表示法

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

ReactJS DOM动态引用

1 个答案: