Office Fabric UI - onClick IconButton在我的Package-Solution时不起作用

时间:2017-11-03 21:26:26

标签: button office-ui-fabric spfx

我有下表:enter image description here

以动态方式绘制行以及删除每行的按钮。

create_job()

问题是,每次我点击控制台中的删除按钮时,它都会显示:

enter image description here

所以,我无法访问Button Id Property,但这只发生在我发布Webpart时。 有谁知道如何修复它?

谢谢!

1 个答案:

答案 0 :(得分:4)

在IconButton的onClick中,您可以编写以下内容;

onClick={() => {this._removeItemFromDetail(detail.Id)}}

这应该允许您接受ID作为参数。如果你仍然需要"事件"在_removeItemFromDetail方法中,您可以按如下方式添加它;

onClick={(event) => {this._removeItemFromDetail(event, detail.Id)}}

这意味着你的方法看起来像这样;

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