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