React Native AsyncStorage.getItem 不起作用。 （{“_40”：0，“_55”：空，“_65”：0，“_72”：空}）

Question

美好的一天！我有这个 AsyncStorage 的功能，它可以获取一个令牌项目。我使用 ApolloClient 来处理令牌，但是当我首先对其进行测试时，似乎我将通过 AsyncStorage 函数获得的内容出现错误。

export function jwtLogin(data) {
  return async dispatch => {
    const userData = {
      email: data.email,
      password: data.password,
    };
    console.log(userData);
    const client = new ApolloClient({
      link: new HttpLink({
        uri: API_URL,
      }),
      cache: new InMemoryCache(),
    });
    client
      .mutate({
        mutation: loginUser,
        variables: {
          email: userData.email,
          password: userData.password,
        },
      })
      .then(resp => {
        console.log(resp.data.tokenCreate);
        console.log('Token', resp.data.tokenCreate.token);
        if (resp.data.tokenCreate.token !== null) {
          saveJWTTokenData(resp.data.tokenCreate.token); //from AsyncStorage save function

          async function main() { //function of AsyncStorage
            await AsyncStorage.getItem('jwt_token').then(item => {
              return item;
            });
          }
          console.log(main()); // returns error
          Actions.push('main_loading');
        } else {
          const errors = resp.data.tokenCreate.errors;
          {
            errors.map(err => {
              Alert.alert('Error.', err.message);
            });
          }
        }
      })
      .catch(err => {
        Alert.alert('Error.', err.message);
      });
  };
}

对于保存存储功能：

export const saveJWTTokenData = async jwt_token => AsyncStorage.setItem('jwt_token', jwt_token);

My Error Log Picture

Answer 1

我认为您的 Promise 处理不正确..

尝试在 then 调用之后添加一个 catch，如下所示：

.catch(err => console.log(err))

或者尝试像这样使用你的函数：

      await getData("jwt_token")
    .then(data => data)
    .then(value => this.setState({ token: value })) // here it is setState but I guess you can also return
    .catch(err => console.log("AsyncStorageErr: " + err));