antd table 组件中的数据怎么获取?

最近在使用antd UI ,在用到table组件时,对于它的表格内容数据的获取,不知道该怎么办了。

const columns = [{
title: 手机号码,
dataIndex: mobile,
key:mobile

}, {

title: 用户名,
dataIndex: username,
key:username

}, {

title: 锁定状态,
dataIndex: lockedStatus,
key:lockedStatus

},{

title: 锁定时间,
dataIndex: lockedOn,
key:lockedOn

},{

title: 是否为管理员,
dataIndex: isAdmin,
key:isAdmin

},{

title: 创建时间,
dataIndex: createdOn,
key:createdOn

},{

title: 创建人,
dataIndex: createdBy,
key:createdBy

}];

const data = [];
const rows = this.props.versionGroupState.userGroupManageList;
forlet i = 0 ; i < rows.length; i++{

data.push{ key: i, mobile: rows[i].mobile, username: rows[i].username, lockedStatus: rows[i].lockedStatus,
}

}

const { loading, selectedRowKeys } = this.state;

const rowSelection = {

selectedRowKeys,
onChange: this.onSelectChange.bindthis

};

const hasSelected = selectedRowKeys.length > 0;

const pagination = {

total: data.length,
showSizeChanger: true,
onShowSizeChangecurrent, pageSize { console.logCurrent: , current, ; PageSize: , pageSize;
},
onChangecurrent { console.logCurrent: , current;
}

}

columns 是表格的表头。
rows 是我异步获取的数据,也就是表格中要存放的数据。
我使用,官网中的方法,填充数据时,报错:

forlet i = 0 ; i < rows.length; i++{ data.push{ key: i, mobile: rows[i].mobile, username: rows[i].username, lockedStatus: rows[i].lockedStatus,
}
}

请问,我该如何操作,怎么把rows 的数据解析到表格中?在网上也找不到相关的示例或教程,现在不知道该如何下手了,请问,有知道如何操作的大神,指点一二。谢谢!

巳解决,下面是正确答案:

 //定义antd table 数据 const data = []; const rows = this.props.versionGroupState.userGroupManageList; ifrows{ pagination = { total: rows.total, showSizeChanger: true, //把下面这两个函数变为对象,这样它们的函数里就了this再bind this就没问题了 onShowSizeChange:this.onShowSizeChange.bindthis, onChange:this.onChange.bindthis } rowsList = rows.list; console.log"54564564" + rowsList; forlet i = 0 ; i < rowsList.length; i++{ lockedStatu = rowsList[i].lockedStatus === false ? 帐号巳锁定 : 帐号未锁定; isAdminManage = rowsList[i].isAdmin === true ? 管理员 : 普通帐户; lockedTime = rowsList[i].lockedOn === null ? : ; let createdYear = this.formatDate.bindthis,rowsList[i].createdOn; console.log"5484216354654" + createdYear; createdTime = rowsList[i].createdOn ? createdYear : ; //push数据 data.push{ key: i, mobile: rowsList[i].mobile, username: rowsList[i].username, lockedStatus: lockedStatu, lockedOn:lockedTime, isAdmin:isAdminManage, createdOn:createdTime, createdBy:rowsList[i].createdBy } } }

发表评论

电子邮件地址不会被公开。 必填项已用*标注