无法在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" />

问题是autocomplete没有显示，但是我签入了从API端点/partners检索到的日志数据。

如果我将引用更改为reference="customers"，则会显示数据和自动补全。

请帮帮忙?？

Answer 1

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

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

对于，它有很好的文档记录(参见注释)，也许<ReferenceInput>也需要同样的注释。

Answer 2

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

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

Answer 3

问题可能出在你导入'ReferenceInput‘对象的方式上。我在创建我的应用程序时遇到了同样的问题，并且不知道问题出在哪里。检查您的导入行，如果它看起来像这样：

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

然后将其更改为如下所示：

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

希望能对你有所帮助！