我想查看购买的详细信息React Admin

Question

我有一个购物清单，但我想在同一清单中查看详细信息。我可以用什么元素触摸箭头以向我显示细节。

List

<List {...props} >
        <Datagrid rowClick="edit" expand={<ItemsProductos />}>
            <TextField source="id" />   
            <TextField source="numero" label="Numero Comprobante" />
            <DateField source="fecha" />
        </Datagrid>
 </List>

Answer 1

React-admin会将当前的record传递给用作expand道具的组件，因此您可以按以下方式编写<ItemProductos>组件：

const ItemProductos == ({ record }) => (
    <span>{record.fecha}</span>
);

react-admin文档中对此进行了记录：

https://marmelab.com/react-admin/List.html#expand