反应本机如何使用异步存储在主页中显示访问令牌

Question

我已经将access_token存储在异步存储中，并且我得到了access_token。现在我想在主页中显示该访问令牌。如果有人知道，请帮助我。

 async componentDidMount(){
let accessToken = await AsyncStorage.getItem(ACCESS_TOKEN);
console.warn(accessToken);
    setTimeout(() => {
        this.setState({ isLoading: false })
        const { navigate } = this.props.navigation;
        if(accessToken != null || accessToken == "true"){
            navigate("Home");
        }
        else{
            navigate("Login");
        } 
    },500);
}

Answer 1

您可以执行以下操作：

 AsyncStorage.getItem(ACCESS_TOKEN).then(token=>{
     if(token){
     accessToken = token
       // if it is an object
       const key = accessToken.yourKeyName
        navigate("Home", {myKey: key});
    }
}).catch(err=>{
  // handle error
})

然后在主页上：

const {myKey} = this.props.navigation.state.params

并在主页上<Text>显示 myKey。

AsyncStorage 返回一个承诺，因此您可以使用 .then 来处理它。