在 react-admin 的单元格网格编辑中

Question

有什么方法可以在数据网格组件中进行单元格编辑，而不是为每条记录打开一个编辑组件。我知道我们可以将编辑组件传递给 expand 属性，但这需要单击才能显示表单。我希望直接进行细胞编辑。

Answer 1

React-admin 默认不提供该功能。但是由于每个组件在 react-admin 中都是可替换的，所以没有什么可以禁止你这样做。

在 react-admin 存储库的拉取请求中提出了基于 react-data-grid 的概念验证实现，请参阅 https://github.com/marmelab/react-admin/pull/1923。

const columns = [
    { key: 'id', name: 'ID', resizable: true, locked: true, sortable: true },
    {
        key: 'name',
        name: 'Name',
        editable: true,
        resizable: true,
        sortable: true,
    },
];
const UserList = props => (
   <List {...props}>
       <EditableDatagrid columns={columns} pageSize={5} />
   </List>
)