如何找到重复项的索引？

Question

我有一个组件，使用map从数组中重复绘制重复的组件。内部组件具有每个项目的删除按钮。我需要外部组件来处理删除，但我似乎无法找到一种方法来获取要删除的项目的索引。我尝试了event.target.value（它给了我HTML）和项目的key，但我无法访问它。

外：

const menu = currentBot.items.map((item, i) => (
  <PersistentMenuItem
    key={i}
    ...
    deleteItem={this.deletePersistentMenuItem}
  />
))

内

<IconButton onClick={()=>{this.props.deleteItem( ??? )}}>
    <DeleteIcon />
</IconButton>

Answer 1

执行此操作的方法是传递应该删除的元素的索引，如下所示：

deleteItem={() => this.deletePersistentMenuItem(i)}

内部组件没什么特别的。