React Admin：我想从列表中路由到 <Show> 视图答案

【问题标题】：React Admin: I'd like to route to <Show> view from a listReact Admin：我想从列表中路由到 <Show> 视图
【发布时间】：2020-08-10 03:49:03
【问题描述】：

我目前正在使用react admin。
当我单击资源列表中的一行时，我想路由到我的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;

【问题讨论】：

有趣！！既然你没有edit，那么你在List/Datagrid 中传递给rowClick 属性的是什么？

标签： reactjs react-router react-admin

【解决方案1】：

在我自己的代码中，我遇到了这种情况，并发现您可以添加带有值 show 的 link 属性以指向显示路线。

<ReferenceField source="id" reference="accounts" link="show">
    <TextField source="name"/>
</ReferenceField>

【讨论】：