实现效果:点击表格中某一行,或者点击表格中某一行的一个字段,获取当前行的 item 下标数据,并用 Link 标签传参,下一个页面接收的实现。
如果使用router 跳转路由传参,需要导入import router from umi/router;
如果用 Link 跳转路由传参,需要导入 import Link from umi/link;
1.点击整行得到当前数据的实现代码:
<TableonRow={record => {return {onClick: event => {console.log(aaaaaaaaaaaa,record)router.push({pathname: /c_histori/c_histori,query: {obj: record},});}, // 点击行onDoubleClick: event => {},onContextMenu: event => {},onMouseEnter: event => {}, // 鼠标移入行onMouseLeave: event => {},};}}dataSource={this.state.list} columns={columns} pagination={ this.state.paginationProps }/>
2.点击表格内的某一项得到当前行数据
注:需要利用表