如何实现与反应路径结构GoBack的功能

问题描述:

请帮我设置为browserHistory功能的GoBack在应用这一路线。如何实现与反应路径结构GoBack的功能

我重定向到主网页(仪表盘),但如果我改变IndexRoute到路由我有不确定的道具错误。

<Route path="/" component={App}> 
     <Route path="about" component={AboutPage}/> 
     <Route path="login" component={LoginContainer}/> 

     <Route onEnter={LoopbackHttp.requireLogin}> 
     <IndexRoute component={HomePage} onEnter={redirectToDashboard}/> 
     <Route path="orderDetails/:orderId" component={OrderDetailsContainer}/> 
     <Route path="groupageDetails/:groupageId" component={GroupageDetailsContainer}/> 
     <Route path="assignDriverToGroupage/:groupageId" component={GroupageAssignmentContainer}/> 
     <Route path="driverInfo/:driverId" component={DriverInfoPageContainer}/> 

     <Route path="users" component={UsersListContainer}/> 
     <Route path="createUser/:userType" component={UserCreationContainer}/> 
     <Route path="ordersHistory" component={OrderHistoryContainer}/> 
     <Route path="editDispatcher/:dispatcherId" component={DispatcherEditContainer}/> 
     <Route path="editPlatform/:platformId" component={PlatformEditContainer}/> 
     <Route path="editOperator/:operatorId" component={OperatorEditContainer}/> 
     <Route path="createOrder" component={OrderCreationContainer}/> 

     <Route onEnter={LoopbackHttp.requireAdministrator}> 
      <Route path="admindashboard" component={AdminDashboardContainer}/> 
      <Route path="settings" component={AdminSettingsContainer}/> 
     </Route> 
     <Route onEnter={LoopbackHttp.requireOperator}> 
      <Route path="dashboard" component={DashboardContainer}/> 
     </Route> 

     <Route onEnter={LoopbackHttp.requireDispatcher}> 
      <Route path="dispatcherDashboard" component={DispatcherDashboardContainer}/> 
      <Route path="editProfile" component={DispatcherEditContainer}/> 
     </Route> 
     <Route path="logout" component={LogoutContainer}/> 
     <Route path="reports" component={ReportsContainer}/> 

     </Route> 

     <Route path="*" component={NotFoundPage}/> 
    </Route> 

让我们试试这个注入browserHistory

import { Router, Route, IndexRoute, browserHistory } from 'react-router'; 

<Router history={browserHistory}> 
    <Route component={App}> 
    <Route path="/" component={HomePage} /> 
    <Route onEnter={checkAuth}> 
     <Route path="/login" component={LoginPage} /> 
     <Route path="/register" component={RegisterPage} /> 
     <Route path="/dashboard" component={Dashboard} /> 
    </Route> 
    <Route path="*" component={NotFound} /> 
    </Route> 
</Router>