リアクタルータrequireAuthはリダイレクトしません

Question

私は以下の経路とrequireAuthの実装を持っています。私には2つの問題があります。私がログインしていないよときに私は/に/ログインからリダイレクトされていないよ

1）。

2）私がアクセスしようとすると、ホームコンポーネントは/レンダリングされておらず、私はログインしています。

どのユースケースでもコンソールエラーは表示されません。 IsLoggedIn（）が予想された時間に期待値を返すことを確認しました。だから、私のrequireAuth実装はここで責められるでしょう。私は何を間違えたのですか？

index.js

import { isLoggedIn } from './auth'; 

function requireAuth(nextState, replace, callback) { 
    if (!isLoggedIn()) { 
     replace('/login'); 
    } 
} 

render(
    <Provider store={store}> 
     <Router history={hashHistory}> 
      <Route path="/" component={Home} onEnter={requireAuth} /> 
      <Route path="/login" component={Login} /> 
     </Router> 
    </Provider>, document.getElementById('root') 
); 

auth.jsあなたの場合

module.exports = { 
    isLoggedIn() { 
     return localStorage.token != undefined; 
    } 
}; 

Answer 1

If callback is listed as a 3th argument, this hook will run asynchronously, and the transition will block until callback is called.、コールバックが必要とされていないとisLoggedInが同期しているとして、あなたは安全に（それを省略することができます）