React Native - 从 AsyncStorage 检索数据时变量未正确更新

Question

我正在尝试存储和获取从 API 中获取的数据。用户应该在登录屏幕上获得一个令牌，当用户按下按钮时，令牌将显示在主屏幕上的警报对话框中。但令牌未显示在警报对话框中。令牌在我重新加载（不刷新应用程序。我使用 Live Server 扩展）屏幕后显示三次。

Login.js

const _userLogin = () => { 
        fetch(URLs._login, {
            method: "POST",
            headers, body,
            })
        }).then((response) => response.json())
        .then((result) => {
            if(result.message !== "Unauthorized / Access Token Expired" && result.message !== "The given data was invalid."){
                storeData(result.access_token, result.token_type);
                navigation.navigate('HomeScreen');
            } else {
                Alert.alert("Error", result.message);
            }
        });
    };

const storeData = async (accessToken, tokenType) => {
        try {
            await AsyncStorage.setItem('@access_token', accessToken);
            await AsyncStorage.setItem('@token_type', tokenType);
            await AsyncStorage.setItem('@user_auth', tokenType + " " + accessToken);
        } catch (e) {
          console.log(e);
        }
    }

Home.js [更新]

const [inputs, setInputs] = React.useState({
        userToken: '',
        userPointsBalance: '',
        expiringOn: '',
    });

useEffect (() => {
    _dashboard();
})

const getToken = async () => {
        inputs.userToken = await AsyncStorage.getItem('@user_auth');
    }

const _dashboard = () => {
        getToken();
        fetch(URLs._dashboard, {
            method: "GET",
            headers: {
                'Authorization': inputs.userToken,
                'Content-Type': 'application/json',
            },
        }).then((response) => response.json())
        .then(async (result) => {
            storeData(result.code, result.name, result.member_name, result.user_points_balance, result.expiring_on, result.status, result.token_id);
            getData();
        });
    };

    const storeData = async (code, name, memberName, userPointsBalance, expiringOn, status, tokenId) => {
        try {
            await AsyncStorage.setItem('@user_points_balance', userPointsBalance.toString());
            await AsyncStorage.setItem('@expiring_on', expiringOn.toString());
            
        } catch (e) {
          console.log(e);
        }
    }
const getData = async () => {
    const userPointsBalance = await AsyncStorage.getItem('@user_points_balance');
    const expiringOn = await AsyncStorage.getItem('@expiring_on');
    setInputs({userPointsBalance: userPointsBalance, expiringOn: expiringOn});
}

return (
   <Text>{inputs.expiringOn}<Text>
)

Answer 1

希望有用

 .then(async(result) => {
        if(result.message !== "Unauthorized / Access Token Expired" && result.message !== "The given data was invalid."){
         await storeData(result.access_token, result.token_type)
         .then(res=>
           navigation.navigate('HomeScreen')
           )
         } else {
            Alert.alert("Error", result.message);
        }
    });

React Native - 从 AsyncStorage 检索数据时变量未正确更新

React Native - Variable does not update correctly when retrieving data from AsyncStorage

javascript

reactjs

react-native

asyncstorage