为什么这个函数在调用时记录未定义？

Question

我有一组检索到的文件，这些文件已被过滤并进入状态。我可以使用这个显示文件：

<List items={this.state.filtPanelMeetFiles.map(file => <div>{file.FileLeafRef}</div>)} onRenderCell={this._onRenderCellFiles} />

还有这个：

private _onRenderCellFiles = (item) => {
    return(
      <div>
    
        <tr data-is-scrollable>
          <td style={{ width: '150px' }} >{item}</td>
          <td style={{ width: '150px' }} >{item.Id}</td>
          <td style={{ width: '15px' }}>
            <div className={styles.editIcon}><Icon iconName="Delete" id={item.Id} onClick={( this._deleteFile)}/>
            </div>
          </td>
        </tr>

      </div>
    );
  }

我想要这个功能：

public _deleteFile = (ev) => {
    const sid = ev;
    console.log(sid);
  }

要获取单击文件的 ID，但它的日志未定义。我可以在 state 数组中看到每个文件的 ID，但我该如何获取 ID？

我在另一个项目中有相同的代码，但它检索的是项目而不是文件。这段代码（在另一个项目中）有效，但在这个项目中无效。有什么不同，id={item.Id} 实际上在这里做了什么有用的事情吗？

如果有帮助，这是过滤状态下存储的内容：

Answer 1

终于找到了！

<div className={styles.editIcon}><Icon iconName="Delete" id={item.Id.toString()} onClick={() => this._deleteFile(item.Id)}/>


<List items={this.state.filtPanelMeetFiles} onRenderCell={this._onRenderCellFiles} />

为什么这个函数在调用时记录未定义？

Why is this function logging undefined when calling it?

javascript

sharepoint-online

spfx