React и Redux теряют состояние

Надеюсь, вы все в порядке. Я новичок, чтобы реагировать на редукционный мир. Я учусь и работаю над проектом регистрации вызовов. У меня есть несколько вопросов, и было бы здорово, если бы кто-нибудь подсказал мне, делаю ли я это неправильно, или подскажет альтернативу.

Я использую JWT для аутентификации пользователя. После проверки данных пользователя. Я отправляю действие успеха, а в редюсере я устанавливаю состояние «аутентифицировано истинно» и отвечаю. Я также сохраняю токен и срок действия в localStorage.

В корневом файле, который является индексным файлом. Я проверяю, существует ли токен в localStorage, и если да, то отправляю вход в действие.

Все работает. Но я теряю другие значения, такие как ответ сервера. Когда он вошел в систему в первый раз. Как я могу справиться с этой проблемой?

Во-вторых, в правом верхнем углу есть начальный значок пользователя. Я получаю инициал, когда пользователь входит в систему, и он сохраняется в состоянии аутентификации. он работает нормально, но еще раз, если я обновляю страницу, она становится нулевой, и я теряю этот начальный код.

поэтому я попробовал другой способ и сохранил исходный файл в localStorage. Но панель навигации уже отображается на экране, и я не вижу инициалов, пока не обновлю страницу.

Я передал новый ключ в mapStateToProps. ii и сохранил в нем исходный файл из localStorage, и он работает нормально. Это правильный способ сделать это???

С уважением Встретить

            const  SignedInLinks  = (props) => {                                                      
            return (
                <ul  className = "right">
                    <li><NavLink  to = "/signin"  onClick=        
                    {props.signOut}>Log Out</NavLink></li>
                    <li><NavLink  className = "btn btn-floating pink lighten-1"  to = "/">
                    {props.ii  ?  props.ii  :  null  }
                    </NavLink></li>
            </ul>
            )}

            const  mapStateToProps  =  state  => {
                return {
                    auth:  state.auth,
                    ii:  window.localStorage.getItem('ui')
                }
            }
            export  default  connect(mapStateToProps, { signOut })(SignedInLinks);