鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ ant design 的Table中如何創(chuàng)建新的一行

ant design 的Table中如何創(chuàng)建新的一行

clipboard.png
就是點(diǎn)擊右上角的新建時(shí)下方會(huì)新出出現(xiàn)一條，新增的線路名稱是空的，操作的圖標(biāo)要更改

clipboard.png
這就是效果

回答
編輯回答
夏木

clipboard.png
下面的數(shù)據(jù)是antdesign的table使用columns的到的數(shù)據(jù)

2017年9月15日 17:54
編輯回答
心悲涼

下面列表應(yīng)該是個(gè)list吧，新建的時(shí)候，給這個(gè)list加一條空數(shù)據(jù)，列表就自動(dòng)加一行數(shù)據(jù)。
根據(jù)經(jīng)驗(yàn)，添加的一定要保證key的惟一性。

2017年4月14日 12:01
編輯回答
蟲児飛

點(diǎn)擊新增按鈕給dataSource數(shù)組增加一條，更新就好了啊

handleAdd = () => {
    const { count, dataSource } = this.state;
    const newData = {
      key: count,
      name: `Allan ${count}`,
      age: 22,
      address: `China, Hangzhou. ${count}`,
    };
    this.setState({
      dataSource: [...dataSource, newData],
      count: count + 1,
    });
}

ps: 刪除的話看下面

onDelete = (key) => {
    const dataSource = [...this.state.dataSource];
    this.setState({ dataSource: dataSource.filter(item => item.key !== key)    });
}
2018年7月25日 10:10