React-Admin“获取列表”DataProvider

Question

我开始使用react-admin包了。

我在我的开发中受阻，因为我想用另一个Resource的数据制作一个Select。这就是为什么我使用ReferenceField，但我不知道为什么当我使用这个元素时会出现这个错误。

Error: The response to 'GET_LIST' must be like { data : [{ id: 123, ...}, ...] }, but at least one received data item do not have an 'id' key. The dataProvider is probably wrong for 'GET_LIST

以下是我从API收到的数据：

[{"_id":"5e3ec3baa6480d002b24ea90","name_promo":"test","years":"2019-01-01T00:00:00.000Z","__v":0}]

为了获取信息，我使用Provider ra-data-json-server

下面是我的代码：

import React from 'react';
import {
    Create,
    SimpleForm,
    TextInput,
    ReferenceInput,
    SelectInput,
} from 'react-admin';

const CreateUser = (props) => (
    <Create {...props}>
        <SimpleForm>
            <TextInput source="lastName" label="Prénom" />
            <TextInput source="firstName" label="Nom" />
            <TextInput source="email" label="Email" />
            <TextInput source="role" label="Role" />
            <ReferenceInput  label="Session" source="id" reference="sessions"  >
                <SelectInput optionText="name_promo"/>
            </ReferenceInput >
        </SimpleForm>
    </Create>
);

export default CreateUser;

Answer 1

您的数据将通过名为"_id"的id字段返回，而不是所需的"id"。

我们通过在(python) API中添加以下代码解决了这个问题。

myData = mongo.get(...)
for x in myData:
    x['id'] = x['_id']  // Now each record has both '_id' and 'id'
return {'data': myData}, HTTPStatus.CREATED

Answer 2

ra-admin缺省情况下使用密钥id和name，如果API调用没有返回该公司，则必须将其声明为组件上的属性。

<ReferenceInput label="Session" source="id" reference="sessions" >
  <SelectInput optionText="name_promo" optionValue="_id" />
</ReferenceInput>