reactjs - 无法在 admin-on-rest 中使用 ReferenceInput

Question

这是参考：Admin-on-Rest

在 app.js 中：

<Resource name="customers" list={CustomerList} icon={UserIcon} edit={CustomerEdit} create={CustomerCreate}/>

在 customer.js 中：

  <TextInput source="firstname" />
  <ReferenceInput label="Partner" source="id" reference="partners" >
      <AutocompleteInput optionText="name" />
  </ReferenceInput>
  <TextInput source="email" />

问题是未显示自动完成，但我检查了从 API 端点 /partners 检索到的日志数据

如果我更改对 reference="customers" 的引用，则会显示数据和自动完成。

请帮忙 ？？

Answer 1

您需要另一个<Resource>关系，即使是空的：

<Resource name="customers" list={CustomerList} icon={UserIcon} edit={CustomerEdit} create={CustomerCreate}/>
<Resource name="partners" />

它有据可查<ReferenceField>（见注释），也许它需要相同的注释<ReferenceInput>。

Answer 2

问题可能是您导入“ReferenceInput”对象的方式。我在创建我的应用程序时遇到了同样的问题，但不知道是什么问题。检查您的导入行，如果它看起来像这样：

import {ReferenceInput} from "../../src/mui/input/ReferenceInput";

然后将其更改为这样：

import ReferenceInput from '../../src/mui/input/ReferenceInput';

希望对你有帮助！

Answer 3

你<ReferenceInput reference="...">需要匹配<Resource name="...">这个才能工作。所以这就是为什么reference="customers"为你工作的原因。

如果您想从customers端点获取数据，但您希望将label其Partner指定为组件的label属性ReferenceInput，例如<ReferenceInput label="Partner" ...>.