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

问题描述

我想在 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>