親ビューにリダイレクト: http://localhost:8080/#/dashboard/ルーティング反応し、リフレッシュは、特定のビューをレンダリングしませんが、
私はメニューナビゲーションへのリンクをクリックすると: http://localhost:8080/#/dashboard/menu-navigation
これはアップロードされます正しいmenu-navigation
ビューですが、アプリを更新すると、menu-navigation
の代わりに/dashboard
に戻ります。メインRoutes.jsから
を使用すると、上記ロードされているメインコンポーネントに記録された後
const Routes =() => (
<Provider store={store}>
<ConnectedRouter history={history}>
<Switch>
<Route path="/login" exact component={Login} />
<Route path="/redirect" component={FirebaseRedirector} />
<Route path="/restricted-access" component={RestrictedAccess} />
<Route path="/change-password/:hash?" component={ChangePassword} />
<Route path="/reset-password" exact component={ResetPassword} />
<Route path="/" component={Main} />
<Route path="*" component={NotFound} />
</Switch>
</ConnectedRouter>
</Provider>
);
export default Routes;
注:ここでは
render() {
return (
<Main
user={this.props.user}
signOut={this.signOut}
>
<Switch>
<Route
path="/dashboard/categories/unmatched-api/:id?"
component={CategoriesUnmatchedApi}
notExact
/>
<Route path="/dashboard/menu-navigation" exact component={MenuNavigation} />
<Route path="/dashboard/home-screen" exact component={HomeScreen} />
<Route path="/dashboard/categories/product-config" component={CategoryProductConfig} />
<Route path="/dashboard/categories/:category?" component={Categories} />
<Route path="/dashboard/playground" exact component={Playground} />
<Route path="/dashboard" exact component={Drafts} />
<Route path="/" exact component={Drafts} />
<Route path="*" component={NotFound} />
</Switch>
</Main>
);
}
はあなたに一度の状態でありますMenuNavigationルートにナビゲート
は、その後リフレッシュ
後の状態では、ルータが<Route path="/dashboard/menu-navigation"
を尊重していないように思える反応しますか?
私はMain.jsルート区間を3回、this.props.locationが正しい初めて、しかし、次の2回、それは
だけ/dashboard
だがヒットされることをリフレッシュした後の通知をしました
ルーターが初期化してルートの照合を試みた後でReduxストアがログイン情報をプッシュしていませんか? – FMCorz