我有一个组件，它从一个数组中重复绘制一个重复的组件，带有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>
一种方法是传递应该被删除的元素的索引，如下所示：
deleteItem={() => this.deletePersistentMenuItem(i)}
内部组件没有什么特别的。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句