Button Office Fabric UI-当我打包解决方案时,onClick图标按钮不起作用

Button Office Fabric UI-当我打包解决方案时,onClick图标按钮不起作用,button,office-ui-fabric,spfx,Button,Office Ui Fabric,Spfx,我有下表: 行是以动态方式绘制的,还包括删除每行的按钮 <span className="ms-Table-cell"> <div> <IconButton onClick= { this._removeItemFromDetail } id={ detail.Id.toString() } iconProps={ { iconName: 'Cancel' } } title='Delete' />

我有下表:

行是以动态方式绘制的,还包括删除每行的按钮

<span className="ms-Table-cell">
  <div>
    <IconButton
      onClick= { this._removeItemFromDetail }
      id={ detail.Id.toString() }
      iconProps={ { iconName: 'Cancel' } }
      title='Delete' />
  </div>  
</span>

private _removeItemFromDetail(e) {
    console.log("e.target",e.target);
}

private _removeItemFromDetail(e){
console.log(“e.target”,e.target);
}
问题是,每次我单击console中的删除按钮时,它都会显示:

因此,我无法访问Button Id属性,但这仅在我发布Web部件时发生。 有人知道怎么修理吗


谢谢大家!

在单击图标按钮时,您可以编写以下内容:

onClick={() => {this._removeItemFromDetail(detail.Id)}}
这应该允许您接受ID作为参数。如果您仍然需要_removietemfromDetail方法中的“事件”,可以按如下方式添加它

onClick={(event) => {this._removeItemFromDetail(event, detail.Id)}}
这意味着你的方法是这样的

private _removeItemFromDetail(event, itemId) {
    console.log("itemId: " + itemId); 
}