react删除数据

Question

在编辑页面，如图所示 点击删除按钮删除当条
每一条信息都有一个k值和一个id值
如果这一行数据是新增的我要删除的话是传k值在页面删除
如果是之前的数据存在id的数据就传id值删除

现在的问题是我点击删除按钮只取到了id值，为什么没有取到content的k值
我也不知道如果没有id值的时候怎么做判断删除
大神指教

<Button onClick={this.handleOnChange.bind(this)} content={k} value={Product[`id-${k}`]}>删除</Button>

handleOnChange = (event) => {
    console.log(event.target.value,event.target.content,1)
    let { getFieldValue } = this.props.form;
    let keys = getFieldValue('keys');
    if(keys.length>1&&this.skuids.length<=keys.length){
        confirm({
            title:"确定要删除SKU信息吗?",
            width:300,
            onOk:()=>{
                //Todo
            },
            onCancel(){}
        })
    } else {
        notification.open
        ({
            message: '删除错误',
            description: '请至少保留一条SKU信息！',
        });
    }
};

Answer 1

antd的Tabel组件呢。columns中提供了一个参数render.

eg:

const columns = [
  {
     dataIndex: 'xxxx',
     title: '操作',
     render: (text, recode) => <Button>删除</Button> 
  }
];

上面代码中：text 就是dataIndex属性的值，recode就是当前行的值。
有了当前行的数据，什么操作都可以了。

Answer 2

antd的table的Column里面有个这个东西,text当前dataIndex对应的数据,record就是当前这一行的数据了