如何使用 ArrayInput 在 react-admin 列表视图中填充数据

问题描述

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

我试图用

加载数据

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

并手动将源设置为它，但 ArrayInput 似乎对为其提供一些数据的所有努力无动于衷。

我可以遍历数据数组并渲染 TextFields 并相应地删除按钮，同时留下 ArrayInput 用于添加新数据，但这违背了与 ArrayInput 的目的和美妙的交互.有什么我想念的吗？我应该如何传递数据以使其按预期工作？我为此 HERE

制作了一个沙盒示例

解决方法

要使用一次 form 提交创建多行实体，您需要自定义实现或变通方法。

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

Here in the docs 显示了一个示例，说明如何将 Create 视图传递给自定义 toolbar，您可以在其中实现您的逻辑。