javascript - Antd Tag组件怎么绑定数据，在onClose()的时候能获取到对应数据?

问题描述

问 题

Antd-Tag组件

{_.map(selectedNodesData, (item, i)=> {
           return <Tag closable 
            key={item.uuid}  
            onClose={this.deleteSelectedNode}>{item.desc}</Tag>
  })}

在onClose() 方法中怎么获取到对应的uuid，不然不知道对应是哪条记录？key值好像获取不了。
有什么解决方案么？

解决方案

虽然没有用过Antd组件，不过东西应该和其他的一样。。。

{_.map(selectedNodesData, (item, i)=> {
           return <Tag closable 
            key={item.uuid}  
            onClose={()=>{this.deleteSelectedNode(item.uuid)}}>{item.desc}</Tag>
  })}

或者

{_.map(selectedNodesData, (item, i)=> {
           return <Tag closable 
            key={item.uuid}  
            onClose={this.deleteSelectedNode.bind(this, item.uuid)}>{item.desc}</Tag>
  })}

这篇关于javascript - Antd Tag组件怎么绑定数据，在onClose()的时候能获取到对应数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！