mui-datatable: 从 onRowsDelete 获取行数据

Question

我有一个包含用户数据的 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>
)

}

Answer 1

被删除行的索引在e，尝试控制台记录它。

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

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

mui-datatable: 从 onRowsDelete 获取行数据

mui-datatable: Get row data from onRowsDelete

reactjs

mui-datatable