대시 보드로 리디렉션하는 나머지 대시 보드의 사용자 정의 경로

Question

전자 메일 링크의 방문 페이지 역할을하는 사용자 지정 경로를 AOR에 추가하려고합니다. http://localhost:3000/random_page AOR로 이동하면 URL이 http://localhost:3000/random_page#/으로 변경되고 내 RandomPage 대신 Dashboard 구성 요소가 렌더링됩니다. 아마도 여기에 간단한 것을 놓친 것 같습니다.하지만 이것은 베어 본의 커스텀 라우트 예제입니다. 누구든지 내가 뭘 잘못하고 있는지 알 수 있니?

import React, { Component } from 'react'; 
 
import './App.css'; 
 
import { jsonServerRestClient, fetchUtils, Admin, Resource, Delete } from 'admin-on-rest'; 
 
import { LogList } from './components/LogList'; 
 
import { UserLogs } from './components/UserLogs'; 
 
import Dashboard from './components/Dashboard' 
 
import authClient from './authClient' 
 
import customRoutes from './customRoutes' 
 

 
const httpClient = (url, options = {}) => { 
 
    if (!options.headers) { 
 
     options.headers = new Headers({ Accept: 'application/json' }); 
 
    } 
 
    options.headers.set('X-AUTH-TOKEN', localStorage.getItem('token')); 
 
    return fetchUtils.fetchJson(url, options); 
 
} 
 

 
class App extends Component { 
 
    render() { 
 
    return (
 
     <Admin 
 
     authClient={authClient} 
 
     title = "Logs" 
 
     restClient={jsonServerRestClient('http://localhost:3001/admin', httpClient)} 
 
     customRoutes={customRoutes} 
 
     dashboard={Dashboard} 
 
     > 
 
     <Resource name="users" list={UserList} show={UserLogs}/> 
 
     <Resource name="logs" list={LogList} remove={Delete} /> 
 
     </Admin> 
 
    ); 
 
    } 
 
} 
 

 
export default App;

Answer 1

난 당신이 문서에서 <Admin> 구성 요소에서 찾을 catchAll을 찾고 있다고 생각

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

 
export default [ 
 
    <Route exact path="/random_page" component={RandomPage} noLayout/>, 
 
]

. 그런 다음 필요한 정보를 URL에서 파싱하고 그에 따라 처리 할 수 ​​있습니다.