首页 > 解决方案 > 如何使用 ArrayInput 在 react-admin 列表视图中填充数据

问题描述

我有一个react-admin Create要显示和填充的视图,ArrayInput但它似乎忽略了列表的数据。

我试图加载数据

const { data } = useQueryWithStore({
    type: 'getList',
    resource: 'comments',
});

并手动为其设置源,但ArrayInput似乎对向其提供一些数据的所有努力都不感兴趣。

我可以遍历数据数组并TextFields相应地渲染和删除按钮,同时留下ArrayInput用于添加新数据的按钮,但这违背了目的和与ArrayInput. 有什么我想念的吗?我应该如何传递数据以使其按预期工作?我为此制作了一个沙盒示例HERE

标签: reactjsbulkinsertreact-adminreact-final-formreact-final-form-arrays

解决方案


要通过一次提交创建多行实体,form您将需要自定义实现或解决方法。

最简单的方法之一可能是手动处理表单的提交并更改数据并为每个输入的实体发送单独的请求。

此处在文档中显示了一个示例,您可以如何将Create视图传递给您可以toolbar在其中实现逻辑的自定义。


推荐阅读