react admin中的自定义路由答案

【问题标题】：Custom Routes in react adminreact admin中的自定义路由
【发布时间】：2019-01-02 15:21:39
【问题描述】：

我创建了一条自定义路线

<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 未定义

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

【问题讨论】：

标签： reactjs react-admin

【解决方案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}
/>

【讨论】：