Antd 双击事件onRowDoubleClick绑定事件被子集节点捕获,如何阻止或避免?

首先,给Table组件中文件列表绑定双击事件,并添加RowSelectionexpandedRowRender
然后,点击expandedRowRenderRowSelection也能触发双击事件。

clipboard.png
clipboard.png

代码如下:

//双击事件部分
ClickTest = (record, index, event) => {   
        let fileListData = record.name;
        console.log(fileListData);       
        event.stopPropagation(); //尝试阻止默认事件,失败
       
    };
//表格数据部分  
<Table
    pagination={pagination}
    columns={columns}    
    expandedRowRender={this.expandedRowRender}
    onExpand={this.detailData}    
    dataSource={this.state.data}   
    rowKey={record => record.name}   
    rowSelection={rowSelection}
    onRowDoubleClick={this.ClickTest}
/>

可重现的DEMO
尝试在columns中添加双击回调事件,以阻止事件冒泡,但RowSelectionexpandedRowRender无法阻止,有什么有效的方法吗?

阅读 10.7k
2 个回答

我不用onRowDoubleClick去触发,直接在column中单独给需要触发事件的部分绑定了事件……就可以了

你解决了没有?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题