Я сейчас использую реагирует администратор . Я хотел бы направить к моему ActivityShow
компоненту, когда я щелкаю строку в списке ресурсов.
Когда я щелкаю строку, приложение перенаправляется на http://localhost:3000/#/activity/music_lesson/1
, который является пустым маршрутом. Это не показывает детали моего товара.
Мой компонент ActivityShow
фактически отображается на этом маршруте: http://localhost:3000/#/activity/music_lesson/1/show
по умолчанию.
Нужно ли создавать собственный маршрут реакции? Или есть другие варианты для этого?
Вот мой App.js
файл
// in src/App.js
import React from 'react';
import { Admin, Resource, ListGuesser } from 'react-admin';
import jsonServerProvider from 'ra-data-json-server';
import {ActivityList} from './components/activity';
import {ActivityCreate} from './components/activity'
import DataProvider from './dataProvider/dataProvider'
import {ActivityShow} from './components/activity';
const App = () => (
<Admin dataProvider={DataProvider}>
<Resource
name="activity/music_lesson"
options={{ label: 'Music Lesson' }}
list={ActivityList}
create={ActivityCreate}
show={ActivityShow}
/>
<Resource
name="activity/art_theraphy"
options={{ label: 'Art Theraphy' }}
list={ActivityList}
create={ActivityCreate}
show={ActivityShow}
/>
<Resource
name="activity/relaxing_music"
options={{ label: 'Relaxing Music' }}
list={ActivityList}
create={ActivityCreate}
show={ActivityShow}
/>
<Resource
name="activity/stayfit_video"
options={{ label: 'Stayfit Video' }}
list={ActivityList}
create={ActivityCreate}
show={ActivityShow}
/>
</Admin>
);
export default App;