Я используюact-admin с данными, полученными из источника данных restAPI, который я могу настроить для своих нужд. Я добавил стандартный ресурс только с атрибутами list
и edit
:
<Resource name="topic" edit={TopicsEdit} list={TopicsList} />
Когда я смотрю на сетевую вкладку инструментов разработчика Chrome, я вижу, что использую правильные конечные точки:
Для списка:
GET
запрос на http://api.loc/topic
И для редактирования:
GET
запрос на http://api.loc/topic/{{topic_id}}
До этого момента все работало просто отлично.Моя проблема начинается, когда я пытаюсь разделить экран редактирования на две вкладки, одна из которых предназначена для редактирования темы (это прекрасно работает), а на другой вкладке должны использоваться данные из другой конечной точки:
http://api.loc/topic/{{topic_id}}/modifiers
Код для моего TopicsEdit
файла:
<Show {...props}>
<TabbedShowLayout>
<Tab label='topic'>
<Edit {...props}>
<SimpleForm>
<TextInput source="id"/>
<TextInput source="title"/>
</SimpleForm>
</Edit>
</Tab>
<Tab label='modifiers' path='modifiers'>
<List {...props}>
<Datagrid>
<TextField source="id"/>
<TextField source="name"/>
</Datagrid>
</List>
</Tab>
</TabbedShowLayout>
</Show>
На вкладке topic
все работает, как я упоминал ранее, но когда я переключаюсь на modifiers
Вкладка Я вижу в инструменте сетевой разработки, что данные поступают из
http://api.loc/topic
вместо
http://api.loc/topic/{{topic_id}}/modifiers
Как настроитьURL-адрес, с которого вкладка модификаторов будет извлекать данные?
Единственное, что я нашел, - это использование <ReferenceInput>
, но проблема здесь в том, что атрибут reference=""
будет получать информацию только из предопределенной структурыЭто означает, что, если я использую reference="modifiers"
, он пытается извлечь данные из:
http://api.loc/modifiers
А не с нужного URL.