リロードすることで、Storeに入れたデータが消える原因について

Question

前提・質問事項

ReactとReduxを使用して、Webアプリ開発をしております。

会員登録機能の実装をしており、会員登録が完了すると、storeにユーザ情報(users)をdispatchして、
その後ホーム画面に遷移させてます。ただ、その場(ホーム画面)でリロードするとstoreに入れた
データが消えております。(users: nullになっている。)

自分として、
リロードすると、store.jsファイルに記載のcombineReducersのUsersReducer(①)が
走って、users/reducers.jsファイルの②に記載のdefaultで、
今まで、入っていたusersデータがそのまま残るのではと考えております。

この考えは間違っておりますでしょうか。
恐れ入りますが、宜しくお願い致します。

・store.js

import {
  createStore as reduxCreateStore,
  combineReducers,
  applyMiddleware,
} from 'redux';
import {connectRouter, routerMiddleware} from 'connected-react-router';
import thunk from 'redux-thunk'
import {UsersReducer} from '../users/reducers';

export default function createStore(history){
  return reduxCreateStore(
    combineReducers({
      router: connectRouter(history),
      users: UsersReducer,　← ①
    }),
    composeWithDevTools(
      applyMiddleware(
        routerMiddleware(history),
        thunk
      )
    )
  )
}

・users/reducers.js

import * as Actions from './actions'; 
import {initialState} from '../store/initialState';

export const UsersReducer = (state = initialState.users, action)  => {
  switch (action.type) {
    case Actions.SIGN_IN:
      return{
        ...state,
        ...action.payload
      }
    default:
      return state　　← ②
  }
};

Answer 1

そんな複雑な考え方をする必要はありません。

ブラウザでリロードをかければ、JavaScriptの変数はすべて初期化されます。

Comments

[bloom_k]

ありがとうございます。
保持する方法を検討します！