Office-Fabric UI - onClick IconButton nicht funktioniert nicht, wenn ich Package-Lösung

Question

Ich habe die folgende Tabelle:

Zeilen in einer dynamischen Art und Weise gezogen werden und auch die Tasten jede Zeile zu löschen.

<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); 
} 

Das Problem ist, dass jedes Mal, wenn ich auf eine Schaltfläche Löschen in der Konsole klicken Sie zeigt mir:

Also, ich nicht auf Button-ID-Eigenschaft zugreifen können, aber dies geschieht nur, wenn ich das Webpart veröffentlicht habe. Weiß jemand, wie es behoben werden kann?

Vielen Dank!

Answer 1

In der onClick des IconButton könnten Sie folgendes schreiben;

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

Dies sollte Ihnen erlauben, eine ID als Parameter zu akzeptieren. Wenn Sie das Ereignis in der Methode _removeItemFromDetail noch benötigen, können Sie es wie folgt hinzufügen:

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

was bedeuten würde Ihre Methode würde so aussehen;

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