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

Question

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

Answer 1

React-admin默认情况下不提供该功能。但由于每个组件都可以在react-admin中替换，因此没有任何条件禁止您这样做。

在react-admin存储库的pull请求中提出了基于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>
)