2017-03-12 4 views
1

私はReactJSに新たなんだと私は、このチュートリアルの後:私はそれは私のセットアップに取り組んで、私が正常にログインすることができます取得するコードにいくつかの修正を行った後http://adamalbrecht.com/2015/07/20/authentication-using-json-web-tokens-using-rails-and-react/reactjs還流ハンドルログイン

を。しかし、私がページをリロードすると、SessionStoreは空です。

マイルータ:

私は「真」を得るが、私は私が得たページをリロードしたときに「偽」多分誰も私を助けることができる成功し、ログインした後、インデックスページに移動します。

+0

あなたは 'reflux'または' redux'を使用していますか?あなたは '逆流 'と言っていますが、そこに' react-redux'があり、 'redux'店のように' react-redux'プロバイダーに入れています。 – BryanGrezeszak

+0

私は逆流を使用していますが、私はreduxと逆流からストアを使用できることを読んだことがあります。しかし、それは私のログインをページの更新後に永続化させるものではありません。私はlocalStorageを使うべきだと思います。 – Evolutio

+1

ReduxストアとRefluxストアはまったく交換できません。 もちろん、Refluxの店舗への状態取得の方法は、Reduxのものよりはるかに簡単です。なぜあなたがしたいのかは分かりません。 – BryanGrezeszak

答えて

1

sessionStorageの代わりにlocalStorageを使用してください。これは、ページセッションが終了するたびにsessionStorageがクリアされるためです。ページがリフレッシュされます。

+0

私がログインしているとき、私のセッションは空です。なぜ私はSessionstoreageを使用していると確信していますか? – Evolutio

+0

*私はコードでどの男が使用しているストレージを見ることができません。 – Evolutio

+0

@Evolutio私は 'SessionStore'はブラウザの' sessionStorage'かプレーンなjavascriptオブジェクトのどちらかと仮定します。いずれにせよ、これらはページの更新を通じて永続的ではありません。したがって、 'localStorage'またはデータベースに格納する必要があります。 –