Привязка React-Admin ReferenceInput с SelectInput для визуализации в DOM - PullRequest
Новая
       3

Привязка React-Admin ReferenceInput с SelectInput для визуализации в DOM

0 голосов
/ 02 сентября 2018

У меня есть две конечные точки

апи / инструкция апи / предмет

с моего сервера, у модели Instructions есть поле ссылки, называемое субъектом.

В моем интерфейсе реакции-администратора я хотел бы СОЗДАТЬ (CRUD) новый экземпляр Инструкции.

После этого урока Я реализовал свою инструкцию по созданию, как показано ниже 

export const InstructionCreate = (props) => (
    <Create  title="New Instruction"{...props}>
        <SimpleForm>
             <ReferenceInput label="Subject" source="subject" reference="subject/">
                <SelectInput optionText="name" />
            </ReferenceInput>   
        </SimpleForm>
    </Create>

Когда я рендерил свой компонент Create из консоли Chrome в сетевой вкладке, я мог видеть список возвращаемых объектов-субъектов.

В списке есть два объекта (извлеченные из сервера), и у объектов есть свойство 'name'

Однако я получаю ошибку консоли

Uncaught TypeError: Невозможно прочитать свойство 'data' из неопределенного

Вышеуказанная ошибка произошла в

В случае, если мне нужен мой app.js, из которого я могу успешно CRUD конечную точку API / субъекта 

const App = () => (    
     <Admin 
         dataProvider={dataProvider}  

         <Resource name="subject" title="Subjects" list={SubjectList} create={SubjectCreate} edit={SubjectEdit}  icon={GroupIcon}/>
         <Resource name="instruction" title="Instructions" list={InstructionList} edit={InstructionEdit} create={InstructionCreate} icon={InstructionIcon}/>

     </Admin>
     );

GET api / subject - возвращает список словарей

[ { "id": 2, "имя": "Субъект 2" }, { "id": 1, "имя": "Тема 1" } ]

1 Ответ

0 голосов
/ 06 сентября 2018

Я смог решить это. Ошибка была на моей стороне для включения конечного '/' в ссылку var

Изменил эту строку 

<ReferenceInput label="Subject" source="subject" reference="subject/">

до 

<ReferenceInput label="Subject" source="subject" reference="subject">
...