我使用react native和redux,但性能很慢.例如，在初始页面上，我有一个检查系统，如果处于还原状态的用户通过了身份验证，则显示home page，如果没有显示auth屏幕。

当我的用户通过身份验证时，我的应用程序最初会呈现身份验证屏幕几秒钟，然后呈现主屏幕，这是一个糟糕的用户体验，所以我的redux状态可能需要时间更新，而且速度很慢。

请看我的代码并帮助我做错了什么。

我正在检查异步存储中的已验证令牌以确定已验证的用户。

const Root = (props) => {


    useEffect(() => {
        const bootstrapAsync = async () => {
          let token;
        //   token = null;
          try {
            token = await AsyncStorage.getItem('FBIdToken');
          } catch (e) {
            console.log(e);
          }
          if(token !== null){
            const decodedToken = jwtDecode(token);
            if(decodedToken.exp * 1000 < Date.now()) {
              store.dispatch(logoutUser());
            } else {
              store.dispatch({ type: SET_AUTHENTICATED });
              store.dispatch(getUserData());
            }
          }
        };
        bootstrapAsync();
        setIsLoading(false);
      }, []);



    return (
        <NavigationContainer ref={navigationRef}>
        { 
        !props.user.authenticated ? (
            <AuthStackScreen />
        ) : (
            <DrawerScreen />
        )
        }
      </NavigationContainer>
    )
};

const mapStateToProps = (state) => ({
    user: state.user,
    UI: state.UI
});


export default connect(mapStateToProps)(Root);

reducers.js

import { SET_USER, SET_AUTHENTICATED, SET_UNAUTHENTICATED } from '../types';

const initialState = {
    authenticated: false,
    loading: false,
    credentials: {},
    likes: [],
    notifications: []
};

export default function(state = initialState, action){
    switch(action.type){
        case SET_AUTHENTICATED:
            return {
                ...state,
                authenticated: true
            };
        case SET_UNAUTHENTICATED:
            return initialState;
        case SET_USER:
            return {
                authenticated: true,
                loading: false,
                ...action.payload
            };
        default:
            return state;

    }
}