解决antd表格行操作获取不到数据的问题

62 阅读 0 评论 41 点赞

我是靠谱客的博主要减肥滑板，最近开发中收集的这篇文章主要介绍解决antd表格行操作获取不到数据的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<Table columns={columns1} dataSource={this.state.dclData} 
    onRow = {(record) => {
        return {
            onClick: () => {
                console.log(record);//这里是点击行的数据，可以把需要的数据存入state，然后在操作栏调用
            }}
        }
}/>

数据在调用的时候是从state里面读取的，有一个延迟，所以取值的时候要用setTimeOut ，确保值不为空（state并不是实时更新的，我个人在做项目的时候，为了准确获取修改后的数据，都采取了这个办法）
在antd中，表格行内的删除或者修改以及其他需要获取当前行数据的操作，都是用onRow这个方法来获取数据的