問題タブ [react-boilerplate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
599 参照

react-redux - ローカル状態を保存するreact-boilerplate

https://github.com/react-boilerplate/react-boilerplate v3.4.0 を使用して、ユーザーが更新ボタンをクリックしたときに状態の要素を保持したいと考えています。
私がやったこと:app.jsで変更しました const initialState = {}; const store = configureStore(initialState, browserHistory);

に:

ここで、state.global を永続化するために persist.js が使用されます。

store が返される前のデフォルトの store.js に次を追加しました:

明らかに、これは後で調整することで改善できます。

したがって、状態がローカルストレージに正しく保持され、ローカルストレージから正しくリロードされていることを認証した後、何が起こっているのですか。

認証後にページを更新すると、store.js のトレースが開始されました。

createStore が実行される前の初期状態は次のとおりです。 ここに画像の説明を入力

実行後:

store.getState() は以下を返します。

ここに画像の説明を入力

そのため、リデューサーの初期状態から値を取得しています。reduxのドキュメントに次のように記載されているため、これがなぜ起こっているのかわかりません。

オプションで、createStore() の 2 番目の引数として初期状態を指定できます。これは、サーバー上で実行されている Redux アプリケーションの状態と一致するようにクライアントの状態をハイドレートするのに役立ちます。

私の質問は、画面の更新後に状態を保持するにはどうすればよいですか?また、初期状態がリデューサーによって上書きされるのはなぜですか?

0 投票する
1 に答える
1461 参照

javascript - 認証後、他のページにリダイレクト

反応ボイラープレートを使用して反応アプリケーションを構築しています。react-boilerplate ジェネレーター機能を使用して認証コンテナーを作成し、それをこのパブリック apiと組み合わせました。メールとパスワードを渡した後、トークンを返します。

トークンをブラウザ localStorage に設定した後、他のコンポーネント/ページにリダイレクトする方法は?

お時間をいただきありがとうございます。

saga.js

index.js

action.js