mui-datatable：从 onRowsDelete 获取行数据答案

【问题标题】：mui-datatable：从 onRowsDelete 获取行数据
【发布时间】：2022-01-09 19:16:43
【问题描述】：

我有一个包含用户数据的 mui 数据表。选择行后然后单击删除时，我想要一个函数，也可以调用删除数据库中行中显示的对象。如何从行访问对象？到目前为止，我只得到了以下数组。

data: Array(1)
  0:
    dataIndex: 0
    index: 0
  length: 1

代码

const options: MUIDataTableOptions = {
    onRowsDelete: (e) => deleteSelectedUser(e)
}


async function deleteSelectedUser(e: any) {
    await deleteUser().then((result) => {
        console.log(result)
    })
}

return (
    <div>
        {
            users.length > 0 &&
                <MUIDataTable
                title={"Employee List"}
                data={users}
                columns={columns}
                options={options}
                />
        }
    </div>
)

}

【问题讨论】：

标签： reactjs mui-datatable

【解决方案1】：

删除行的索引在e，试试控制台记录一下。

async function deleteSelectedUser(e: any) {
    console.log(e); // <===================== ADD THIS LINE TO DEBUG
    await deleteUser().then((result) => {
        console.log(result)
    })
}

删除事件需要使用dataIndex找到对应的对象

【讨论】：

嗨，当我记录它时，这是输出： { "lookup": { "0": true }, "data": [ { "index": 0, "dataIndex": 0 } ] }
@mapof 是的，dataIndex 是用户数组的索引。