react admin中的自定义路由

时间:2018-07-25 18:02:17

标签: reactjs react-admin

我已经创建了一条自定义路线

<Route
    path="/course-plan/:plan_id/plan-lesson/:id"
    render={props => {
      return <LessonEditPage 
        {...props} 
        resource={'plan-lesson'} 
        record={{planId: props.match.params.plan_id}} 
     />
    }}
  />,

LessonEditPage具有和具有SimpleForm的Edit组件

进入此页面后,我发出一个请求crudGetOne,并且在本地一切正常,我在发出请求的参数中有ID和id,但是当我在服务器上部署此代码时,输​​入此页面params.id未定义

我不知道为什么以及可能是什么问题

1 个答案:

答案 0 :(得分:0)

您应该创建一个route.js文件:

import React from 'react';
import { Route } from 'react-router-dom';
import LessonEditPage from './LessonEditPage';

export default [
    <Route exact path="/course-plan/:plan_id/plan-lesson/:id" component={LessonEditPage} />];

然后将文件导入您的App.js

import customRoutes from './routes';


<Admin
     dataProvider={dataProvider}
     customRoutes={customRoutes}
/>