Daten aus einem gerenderten JSX.Element übertragen

Code:
  public _onRenderItemColumn(item: any, index: number, column: IColumn): JSX.Element {

   



    const fieldContent = item[column.fieldName as keyof IContact] as string;



    



    switch (column.key) {

      

      case 'Delete':

        return <Link onClick={() => this.deleteData(item)}>X</Link>;

        



      default:

        return <span>{fieldContent}</span>;

    }    

  }





  public async deleteData(item: any)

  {

    

    await sp.web.lists.getByTitle("ContactList").items.getById(item.ID).delete();



    alert("Contact deleted Successfully");



  }





  public render(): React.ReactElement<IContactListFinalPnPProps> {



    return (

      <div className={ styles.contactListFinalPnP }>

        <div className={ styles.container }>

          <div className={ styles.row }>

            <div className={ styles.column }>

              <span className={ styles.title }>Welcome to SharePoint!</span>

              <p className={ styles.subTitle }>Customize SharePoint experiences using Web Parts.</p>

              <p className={ styles.description }>{escape(this.props.description)}</p>

              <DetailsList

              items={this.state.contacts}

              setKey="set"

              columns={this.state.columns}

              onRenderItemColumn={this._onRenderItemColumn}

              onColumnHeaderClick={this._onColumnClick}

              onItemInvoked={this._onItemInvoked}

              onColumnHeaderContextMenu={this._onColumnHeaderContextMenu}

              //onActiveItemChanged="set"

              ariaLabelForSelectionColumn="Toggle selection"

              ariaLabelForSelectAllCheckbox="Toggle selection for all items"

              checkButtonAriaLabel="Row checkbox"

              />