Невозможно прочитать значение AsyncStorage при запуске приложения React Native

Question

Я использую React Native с Redux. Следующий код используется для создания хранилища Redux и использует AsyncStorage для проверки входа пользователя в систему, проверяя наличие authToken.

import {createStore} from 'redux'; 
import {persistStore} from 'redux-persist'; 

async function getAuthToken() { 
    return await AsyncStorage.getItem('authToken'); 
} 

export function createStore(onCompletion:() => void):any { 
    ... 

    const store = createStore(
    reducer, 
    { 
     auth: { 
     authenticated: !!getAuthToken() 
     } 
    }, 
    enhancer); 

    persistStore(store, { 
    storage: AsyncStorage, 
    }, 
    onCompletion); 
} 

Создание магазина:

export default class App extends Component { 

    constructor(props) { 
    super(props); 
    this.state = { 
     store: createStore(...), 
    }; 
    } 

    render() { 
    return (
     <Provider store={this.state.store}> 
     <AppNavigator /> 
     </Provider> 
    ); 
    } 
} 

Значение authToken некорректной устанавливается один раз входа пользователя в систему, и удаляется, когда пользователь выходит из системы. Но authToken не сохраняется, после того как приложение перезагрузилось. Первый вызов getAuthToken всегда возвращает это значение нежелательной из AsyncStorage:

{_45: 0, _81: 0, _65: нуль, _54: нулевой}

Почему это могло случиться?

Answer 1

Теперь вы возвращаете обещание от AsyncStorage, вам нужно вернуть значение токена. Попробуйте:

async function getAuthToken() { 
    return await AsyncStorage.getItem('authToken').then((token) => token); 
}