javascript - antDesign的table column最后一次加载的时候this是undefined 怎么回事
问题描述
const { mode, status, startDate, endDate, keyword, payStatus, sellerDistributorId,showBatchAdd,selectedRowKeys} = this.state;const modelType = window.sessionStorage.getItem(’NAV_TYPE’) || ’UP’;//上游模式的Columnsconst upModeColumns = [{ title: ’订单号’, dataIndex: ’code’}, { title: ’下单日期’, dataIndex: ’orderDate’, //className: ’column-time’, //render(text) { // return new Date(Number(text)).Format('YYYY-MM-dd hh:mm'); //},}, { title: ’客户名称’, dataIndex: ’sellerDistributorName’,}, { title: ’订单类型’, dataIndex: ’typeStr’, render(data, row, index) {return <span>{row.upTypeStr}</span> }}, { title: ’总金额’, dataIndex: ’totalPrice’}, { title: ’已收款’, dataIndex: ’paidFund’},{ title: ’订单状态’, dataIndex: ’statusStr’, render(data, row, index) {//订购单,状态为'新建'的订单,显示为'待审核'. 并且标红显示return <span style={ row.status == 1? { color: ’red’} : null}>{ row.status == 1? '待审核' : row.statusStr}</span> }}, { title: ’付款状态’, dataIndex: ’payStatusStr’, render: (data, row) => {let style = row.payStatus == 1? {color: ’red’} : null;return <span style={style}>{row.payStatusStr}</span> },}, { title: ’操作’, dataIndex: ’operation’, // fixed: ’right’, // width: 100, render(data, row, index) {const idUrl = `/orderDetail/${row.id}/${row.type}`;return <span className='operation'> <Popconfirm placement='left' title=’确定要完成收款吗?’ onConfirm={this.handleFinishFlow.bind(this, row.id,row)}><a href='javascript:void(0)'>完成</a> </Popconfirm> <Link to={idUrl}>详情</Link> </span> }}];
为什么column的this是undefined呢?
问题解答
回答1:并不知道你的handleFinishFlow是怎么写的,可以把onConfirm={this.handleFinishFlow.bind(this, row.id,row)} 改成 onConfirm={()=>this.handleFinishFlow(row.id,row)}试试看
相关文章:
1. css - 移动端 oppo 手机之 Border-radius2. angular.js - ionic 弹窗样式3. JAVASCRIPT 构造函数和原型互相指向问题?求助!!!4. html5 - 移动端UC浏览器兼容问题5. mysql 创建root 用户出错,这是什么原因?mysql 中也没有root用户6. javascript - 前端富文本编辑器 wangeditor 如何展示富文本?7. docker - dcoker gitlab 如何修改主机地址?8. docker pull 错误?9. 关于《Effective Java中文版(第2版)》的问题10. python - 请问matplotlib.pyplot.save的路径如何更改