Javascript ReactJS中子级上的绑定组件警告

Javascript ReactJS中子级上的绑定组件警告,javascript,reactjs,Javascript,Reactjs,我在单元格内有控件的桌子上收到了几个警告。如果我点击一个单元格,就会发生一个事件。某些单元格有一个下拉菜单和一个事件,具体取决于所选内容。我正在将一个值绑定到onClick事件,以便在函数中获得一个值 我的每一行都收到以下警告: 警告:bind:React组件方法只能绑定到组件实例 我的代码如下所示: items = this.state.currentValues.map(function(itemVal) { return ( <tr>

我在单元格内有控件的桌子上收到了几个警告。如果我点击一个单元格,就会发生一个事件。某些单元格有一个下拉菜单和一个事件,具体取决于所选内容。我正在将一个值绑定到onClick事件,以便在函数中获得一个值

我的每一行都收到以下警告:

警告:bind:React组件方法只能绑定到组件实例

我的代码如下所示:

  items = this.state.currentValues.map(function(itemVal) {
      return (
          <tr>
            <td  onClick={this.rowClick.bind(this, itemVal.OrderId)}>{itemVal.Customer}</td>
            <td  onClick={this.rowClick.bind(this, itemVal.OrderId)}>{itemVal.OrderId}</td>
            <td>
              <div> Flag To Group </div>
              <div>
                <Menu label={itemVal.User}>
                  <List onSelect={this.assignResponsibleUser.bind(this, itemVal.User)}>
                  </List>
                </Menu>
              </div>
          </td>
          </tr>
        );
    }.bind(this)
    );
    return(
        <Table selectable={true} scrollable={true} small={true}>
            <tr>
                {tableHeader}
            </tr>
            <tbody>
                {items}
            </tbody>
        </Table>
    );
与:

但它给了我同样的警告

我试图删除.bindthis,但它给了我一个错误,因为它找不到rowClick函数

如何解决此问题?

而不是使用

this.array.map(function(){}.bind(this));
使用


它是传递范围的映射选项

此方法必须是一个函数,例如:

senddel:function(id){
      this.props.onCommentDel(id);//parent callback
    },
    render: function() {
        return ( < div className = "commentList" >
            {this.props.data.map(function(comment){
                return (
                    <Comment key={comment.id} author={comment.author} onCommentDel={this.senddel.bind(this,comment.id)}>
                    {comment.text}
                    </Comment>
                )
            },this)}
    < /div>
    );
}
this.array.map(function(){}.bind(this));
this.array.map(function(){}, this);
senddel:function(id){
      this.props.onCommentDel(id);//parent callback
    },
    render: function() {
        return ( < div className = "commentList" >
            {this.props.data.map(function(comment){
                return (
                    <Comment key={comment.id} author={comment.author} onCommentDel={this.senddel.bind(this,comment.id)}>
                    {comment.text}
                    </Comment>
                )
            },this)}
    < /div>
    );
}