reactjs - react 管理中的自定义路由

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 的编辑组件

当我进入此页面时，我发出请求 crudGetOne 并且本地一切都很好，我在用于发出请求的参数中有 id ，但是当我在服务器上部署此代码时，当我进入此页面时 params.id 未定义

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

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}
/>