react-admin:如何在 Datagrid 的每一行上显示删除按钮

IT技术 reactjs react-admin
2021-04-28 01:27:33

我想让 Datagrid 带有Delete如下按钮(图片是从 stackoverflow.com 复制的):

带有删除按钮的数据网格

我阅读了 react-admin 文档,但没有找到任何Delete在行上添加按钮的提示任何身体知道如何?

谢谢,

1个回答

它就像导入并添加到您的列表视图一样简单:

import { Datagrid, TextField, EditButton, DeleteButton } from 'react-admin';
export const SaleList = props => (
    <List {...props}>
        <Datagrid>
            <TextField source="id"/>
            <EditButton/>
            <DeleteButton/>
        </Datagrid>
    </List>
);