如何实现与反应路径结构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>