Question

当我编辑一个项目时，我想获得以前检查过的参考选项。选项显示良好，但始终未选中。不过，它可以保存我所做的任何更改。

它与CheckboxGroupInput以及AutocompleteArrayInput相同。

ReferenceArrayInput将此数据数组发送到CheckboxGroupInput：

0: {id: 1, company-name: "Empresa 1", created_at: "2019-08-09T18:08:18.066Z", updated_at: "2019-08-28T13:17:02.474Z", …} 1: {id: 3, company-name: "Empresa 3", created_at: "2019-08-23T12:41:15.254Z", updated_at: "2019-08-23T12:41:15.528Z", …} 2: {id: 5, company-name: "Empresa 5", created_at: "2019-08-23T12:41:31.762Z", updated_at: "2019-08-23T12:41:32.013Z", …}

这是代码：

<SimpleForm>
  <TextInput source="game-name" label="Name" />
  <ReferenceArrayInput
    source="companies"
    reference="companies">
    <CheckboxGroupInput translateChoice={false} optionText="company-name"/>
  </ReferenceArrayInput>
</SimpleForm>

现在我收到此消息：“至少一个关联的引用似乎不再可用。”表格下方。控制台没有显示任何错误。

Answer 1

我相信我有一个可以解决的类似问题。试试这个。

<ReferenceArrayInput
    source="company_ids"
    defaultValue={[]}
    reference="companies">
    <CheckboxGroupInput translateChoice={false} optionText="company-name"/>
</ReferenceArrayInput>

React-admin要求ReferenceArrayInput从所请求资源的数据响应中的ID数组中获取参考数据。您需要将源更改为“ company_ids”，并确保资源在响应中返回该数据。

关于显示先前保存的数据的主要问题；我最初很难从数据库中获取数据以填充输入。我可以通过将一个空数组传递给defaultValue来使其工作。

希望这会有所帮助。祝你好运！

CheckboxGroupInput没有显示以前保存的复选框

1 个答案: