React Native如何使用异步存储在主页中显示访问令牌

Question

我已经将access_token存储在asyncstorage中，并且我获得了该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返回一个Promise，因此您可以使用.then来处理它。