使用没有 ArrayInput 的 react admin 存储数组输入答案

【问题标题】：Storing array input using react admin without ArrayInput使用没有 ArrayInput 的 react admin 存储数组输入
【发布时间】：2022-11-17 22:53:43
【问题描述】：

我想知道是否可以在不使用 ArrayInput 的情况下输入数组数据。我的数据结构如下：

{ id,
  data: {
         oilPrice: {day, price}[],
         gasPrice: {day, price}[],
         }
}

在创建页面上，我向用户展示了一个 MUI Select 组件，其中包含 Oil 或 Gas 选项。我在其下显示日历。当用户单击日期时，会显示一个用于输入价格的字段。示例显示：用户选择石油，点击 05.05.2022 并输入价格 500。然后他们选择日期 06.06.2022 并输入价格 550。那么如何将数据保存为

{ id,
  data: {
         oilPrice: [ {05.05.2022, 500}, {06.06.2022, 550}]
         }
}

问题还在于，当用户四处点击并输入新值时，先前输入的数据仍然存在。我知道这是一个困难且不寻常的案例，但我们将不胜感激。

【问题讨论】：

标签： reactjs material-ui react-admin

【解决方案1】：

React-admin 没有为该用例提供内置组件。您必须使用 react-hook-form 挂钩编写自己的输入组件。

指针：

【讨论】：