Как я могу назначить токен в хранилище asyn c заголовкам в app. js после входа в систему. в реактивном родном - PullRequest
Новая
       103

Как я могу назначить токен в хранилище asyn c заголовкам в app. js после входа в систему. в реактивном родном

0 голосов
/ 26 мая 2020

Я получаю токен доступа после входа в систему, и я хочу назначить этот токен для авторизации в заголовках в моем приложении. js Я использую asyn c хранилище для хранения токена доступа в локальном хранилище, и я хочу назначить заголовкам в моем файле App. js Как я могу это сделать. Я хочу назначить токен для авторизации в заголовках, чтобы я мог выполнять вызовы API graphql

МОЕ приложение. js файл 

import React, {Component} from 'react';
import {AppRegistry,SafeAreaView, StyleSheet} from 'react-native';
import Navigator from "@Navigation"
import AsyncStorage from '@react-native-community/async-storage';
import { createHttpLink } from 'apollo-link-http';
import { setContext } from 'apollo-link-context';
import { ApolloProvider } from 'react-apollo';
import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-boost';

const httpLink = createHttpLink({
  uri: 'https://graphql.sample.com/graphql',
});

const token = AsyncStorage.getItem('@accessToken')

 const authLink = setContext((_, { headers }) => {
    return {
      headers: {
        ...headers,
        authorization: token ,
      }
    }
});

const link = authLink.concat(httpLink)

const cache = new InMemoryCache();

const defaultOptions = {
  query: {
    fetchPolicy: "network-only",
    errorPolicy: "all"
  }
};

const client = new ApolloClient({
  link,
  cache,
  defaultOptions
});
class App extends Component {
  render() {
    return (
        <ApolloProvider client={client}>
            <Navigator/>
        </ApolloProvider>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1
  },
});
export default App;

1 Ответ

0 голосов
/ 29 мая 2020

Вы должны дождаться AsyncStorage.getItem('@accessToken'), чтобы получить свой accessToken, прежде чем передавать его authorization: token. Это сообщение, относящееся к Waiting for AsyncStorage.getItem() в React Native. Попробуйте это: 

...
const token = await AsyncStorage.getItem('@accessToken')

 const authLink = setContext((_, { headers }) => {
    return {
      headers: {
        ...headers,
        authorization: token ,
      }
    }
});

...
...