鍍金池/ 問答/HTML/ react刪除數(shù)據(jù)

react刪除數(shù)據(jù)

clipboard.png

在編輯頁面,如圖所示 點擊刪除按鈕刪除當(dāng)條
每一條信息都有一個k值和一個id值
如果這一行數(shù)據(jù)是新增的我要刪除的話是傳k值在頁面刪除
如果是之前的數(shù)據(jù)存在id的數(shù)據(jù)就傳id值刪除

現(xiàn)在的問題是我點擊刪除按鈕只取到了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信息!',
        });
    }
};
回答
編輯回答
心沉

antdTabel組件呢。columns中提供了一個參數(shù)render.

eg:

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

上面代碼中:text 就是dataIndex屬性的值,recode就是當(dāng)前行的值。
有了當(dāng)前行的數(shù)據(jù),什么操作都可以了。

2017年8月27日 07:58
編輯回答
熊出沒

antd的table的Column里面有個這個東西,text當(dāng)前dataIndex對應(yīng)的數(shù)據(jù),record就是當(dāng)前這一行的數(shù)據(jù)了

clipboard.png

2018年1月21日 21:52