微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何使用 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,您可以在其中实现您的逻辑。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。