如图所示,想给这个官网的样式效果旁边加一个删除按钮,然后check选中哪些点击按钮就删除哪些
现在问题是不知道怎么获得他的index值,官网返回的参数只有key值,请问有人能帮忙提供一下思路吗
下面是样式代码
import { Table } from 'antd'; const columns = [{ title: 'Name', dataIndex: 'name', key: 'name', width: '40%', }, { title: 'Age', dataIndex: 'age', key: 'age', width: '30%', }, { title: 'Address', dataIndex: 'address', key: 'address', width: '30%', }]; const data = [{ key: 1, name: 'John Brown sr.', age: 60, address: 'New York No. 1 Lake Park', children: [{ key: 11, name: 'John Brown', age: 42, address: 'New York No. 2 Lake Park', }, { key: 12, name: 'John Brown jr.', age: 30, address: 'New York No. 3 Lake Park', children: [{ key: 121, name: 'Jimmy Brown', age: 16, address: 'New York No. 3 Lake Park', }], }, { key: 13, name: 'Jim Green sr.', age: 72, address: 'London No. 1 Lake Park', children: [{ key: 131, name: 'Jim Green', age: 42, address: 'London No. 2 Lake Park', children: [{ key: 1311, name: 'Jim Green jr.', age: 25, address: 'London No. 3 Lake Park', }, { key: 1312, name: 'Jimmy Green sr.', age: 18, address: 'London No. 4 Lake Park', }], }], }], }, { key: 2, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', }]; // rowSelection objects indicates the need for row selection const rowSelection = { onChange: (selectedRowKeys, selectedRows) => { console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows); }, onSelect: (record, selected, selectedRows) => { console.log(record, selected, selectedRows); }, onSelectAll: (selected, selectedRows, changeRows) => { console.log(selected, selectedRows, changeRows); }, }; ReactDOM.render(
, mountNode);
返回了key,你把key设置成index不就可以了?另外就是返回了对象本身,你可以从data里find到原始对象data.findIndex(item=>item==selectedRow)
update
或许你应该看这里