react中table行点击触发返回效果

最新推荐文章于 2025-10-12 05:23:41 发布

原创最新推荐文章于 2025-10-12 05:23:41 发布 · 3.1k 阅读

4 ·

CC 4.0 BY-SA版权

web开发同时被 2 个专栏收录

39 篇文章

订阅专栏

19 篇文章

订阅专栏

本文详细介绍了如何使用AntDesign中的表格组件实现行点击事件，通过实例代码展示了如何利用onRowSelect方法来触发事件，并在点击时选择行。文章还讲解了如何通过e.currentTarget获取并操作DOM元素。

// 点击行返回
onRowSelect = (record, index)=>{
    return {
        onClick:(e)=>{
            console.log(record)
            console.log(e.currentTarget)
            e.currentTarget.getElementsByClassName("ant-radio-wrapper")[0].click()
        }
    }
};

<Table
    rowSelection={rowSelection}
    onRow={this.onRowSelect}
    dataSource={this.state.tableData}
    onChange={this.handleTableChange}
    pagination={{
        showQuickJumper: false,
        total: this.state.pageTotal,
        showSizeChanger: false,
        defaultPageSize:8,
        defaultCurrent: 1,
        pageSizeOptions: ["8", "16", "24"]
    }}
/>