在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

clipboard.png

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

現(xiàn)在的問(wèn)題是我點(diǎn)擊刪除按鈕只取到了id值,為什么沒(méi)有取到content的k值
我也不知道如果沒(méi)有id值的時(shí)候怎么做判斷刪除
大神指教

<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:"確定要?jiǎng)h除SKU信息嗎?",
            width:300,
            onOk:()=>{
                //Todo
            },
            onCancel(){}
        })
    } else {
        notification.open
        ({
            message: '刪除錯(cuò)誤',
            description: '請(qǐng)至少保留一條SKU信息!',
        });
    }
};
回答
編輯回答
心沉

antdTabel組件呢。columns中提供了一個(gè)參數(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
編輯回答
熊出沒(méi)

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

clipboard.png

2018年1月21日 21:52