Question

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端点/合作伙伴检索的日志数据

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

请帮忙??

Answer 1

你需要另一个<Resource>的关系，甚至是空的：

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

<ReferenceField>有详细记录（请参阅注释），也许它需要<ReferenceInput>的相同注释。

Answer 2

您<ReferenceInput reference="...">需要与<Resource name="...">相匹配才能发挥作用。所以这就是reference="customers"为你工作的原因。

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

Answer 3

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

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

然后改变它看起来像这样：

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

希望能帮到你！

无法在admin-on-rest

3 个答案: