reactjs - react admin中的自定义路由

Question

我创建了一条自定义路线

<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 用于发出请求，但是当我在服务器上部署此代码时，当我进入此页面时params.id未定义

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

标签： reactjsreact-admin

Answer 1

您应该创建一个 routes.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}
/>