微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在操作列和每一行中添加图标 - 反应管理员

如何解决在操作列和每一行中添加图标 - 反应管理员

我想在 React admin 的 List 上添加一列,它必须有两个操作。现在,每个操作都是一列,我无法添加标题

例如:

app='QuickTime Player 7'
if osascript -e "id of application \"$app\"" >/dev/null 2>&1; then
   #...
fi

我想创建一个“Actions”列并添加 CheckIcon 和 CancelIcon。

解决方法

将它们包裹在自定义字段中:

const OrderActions = () => (
    <>
        <IconButton onClick={(e) => confirmOrder(e)}>
            <CheckIcon color="action" />
        <IconButton>
        <IconButton onClick={(e) => cancelOrder(e)}>
            <CancelIcon color="action" />
        <IconButton>
    </>
)

那么:

<List>
   <Datagrid>
           <TextField label="Id" source="order.id" />
           <DateField label="Inicio" source="startDate" />
           <OrderActions />
   </Datagrid>
</List>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。