0

这是参考: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" 的引用,则会显示数据和自动完成。

请帮忙 ??

4

3 回答 3

3

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

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

它有据可查<ReferenceField>(见注释),也许它需要相同的注释<ReferenceInput>

于 2017-03-02T12:42:46.300 回答
0

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

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

然后将其更改为这样:

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

希望对你有帮助!

于 2017-11-06T01:54:12.243 回答
0

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

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

于 2017-03-02T05:31:37.527 回答