フラックス通知後にReactRouterが正しくリダイレ​​クトされない

Question

私は反応とフラックスの初心者です。事実、ReactRouter（2.4）を使用しているときに以下の問題が発生しました。

私はhashHistoryを使用しています。成功した後は、「/ login」ページにリダイレクトする必要がありますログイン試行。

ルータ

ReactDOM.render(
<Router history={hashHistory}> 
    <Route path="/" component={App}> 
     <IndexRoute component={ErasmusPage} onEnter={authCheck}></IndexRoute> 
     <Route path="login"component={withRouter(LoginPage)}></Route> 
    </Route> 
</Router>, app); 

ログインページ

constructor() { 
    super(); 
    this.notifyLogin = this.notifyLogin.bind(this); 
    this.state = { 
     email: "", 
     password: "" 
    }; 
} 

componentWillMount() { 
    authStore.on("login", this.notifyLogin); 
} 

componentWillUnmount() { 
    authStore.removeListener("login", this.notifyLogin); 
} 

notifyLogin() { 
    this.props.router.push('/'); 
} 

... 

handleSubmit(e) { 
    e.preventDefault(); 

    let data = { 
     email: this.state.email, 
     password: this.state.password 
    }; 
    AuthActions.authenticate(data); 
} 
... 

フローは次のとおりです。1つの提出、authActionsおよびストア後

1. 件のデータ（AJAX呼び出し関係を）手の込んだ。
2. ログイン試行が正常であれば、AuthStoreは「ログイン」信号を出力します...
3. ...私はnotifyLogin（）を実行できます。

問題があります：this.props.router.push（ '/'）は正しくリダイレ​​クトされず、URLは変更されますが、ページは表示されません（状態の更新がトリガーされないように見えます）。

handleSubmit関数にthis.props.router.push（ '/'）を置くと奇妙なことですが、リダイレクトは完全に機能します。

何が起こっているのか考えてみませんか？

Answer 1

これは、これまで私のためによく働いています

• ログイン/認証状態を含むコンポーネントで、あなたのアプリを包みます。レンダリングの
• ログインしていない場合は、アプリのコンポーネント

render() { 
 
    const { isAuthorized, authError} = this.props; 
 
    
 
    if (isAuthorized) { 
 
    return (<Layout />); 
 
    } 
 
    
 
    return (<Login authError={authError}/>); 
 
}