React Native 为什么函数在AsyncStorage完成之前运行

njthzxwz  于 2023-05-18  发布在  React
关注(0)|答案(1)|浏览(180)

我在这里有一个关于react native的问题,我大约2周前开始了一个项目,这是我第一次尝试这个框架,从来没有使用过JavaScript,所以很难...
我想知道的是,为什么我的函数“check_Authentication”只是检查名为“Globals”的.js文件中的变量是否具有默认值,然后才能完成AsyncStorage任务并为其分配新的变量
这是我的代码,这两个函数,你可以看到是AsyncStorage,在我获取一个项目或设置一个项目之后......我调用另一个. js文件中的一个名为'Update_Globals'的函数,并从另一个.js文件中更新我的全局变量'Globals',以便我可以稍后使用它们。

async function set_Async(field, value){
    try {
        await AsyncStorage.setItem(field, value);
        await update_Globals(field,value);
    } catch (error) {
    throw new Error('something wrong with setting async storage');
    }
}

async function get_Async(field){
    try {
        const value = await AsyncStorage.getItem(field);
        await update_Globals(field,value);
    } catch (error) {
        throw new Error('something wrong with getting async storage');
    }
}

下面是带有更新我上面提到的全局变量的函数的.js文件

import globals from './globals.js';

export function update_Globals(field,value){
    alert("Updating field: " + field + " with value: " + value);
    switch(field) {
        case globals.is_logged_in_name:

            globals.is_logged_in_value = value;
            break;
        case globals.account_status_name:
            globals.account_status_value = value;
            break;
        case globals.account_role_name:
            globals.account_role_value = value;
            break;
        case globals.account_user_name:
            globals.account_user_value = value;
            break;
        case globals.account_api_token_name:
            globals.account_api_token_value = value;
            break;
        case globals.account_profile_status_name:
            globals.account_profile_status_value = value;
            break;
        default:
            alert("No variable found")
    }
}

这是.js文件,其中包含变量

module.exports = {
    is_logged_in_name: 'is_logged_in',
    is_logged_in_value: 'false',

    account_status_name: 'account_status',
    account_status_value: '0',

    account_role_name: 'account_role',
    account_role_value: '0',

    account_user_name: 'account_user',
    account_user_value: '0',

    account_api_token_name: 'account_api_token',
    account_api_token_value: '0',

    account_profile_status_name: 'account_profile_status',
    account_profile_status_value: 'empty',

    testing_name: "name",
    testing_value: "Chrystello",
};

而这个功能是所有功能的结合

async function do_Login(){
    return fetch(url, {
        method: method,
        headers: headers,
        body: JSON.stringify({
            email: email,
            password: password,
            firebase_token: firebase_token,
        })
    })
        .then(function(responseData) {
            if(responseData.ok){
                return responseData.json();
            }
            throw new Error('Network response was not ok.');

        })
        .then(function(responseData) {
            const response = responseData["response"];
            const response_array = response[0];

        set_Async(globals.account_user_name,
replace_Quote_Marks(JSON.stringify(response_array["user_id"]))).done();
        set_Async(globals.account_status_name,
replace_Quote_Marks(JSON.stringify(response_array["status_id"]))).done();
        set_Async(globals.account_profile_status_name,
replace_Quote_Marks(JSON.stringify(responseData["status"]))).done();
        set_Async(globals.account_role_name,
replace_Quote_Marks(JSON.stringify(response_array["role_id"]))).done();     
        set_Async(globals.account_api_token_name,
replace_Quote_Marks(JSON.stringify(response_array["api_token"]))).done();
        })
        .then(function () {
            try{
                check_Authentication()
            }catch(error){
                throw new Error("couln't run function");
            }

        })
        .catch(function(error) {
            console.error(error);
        });
}

在这里,您可以看到我调用set_Async()函数,我在其中发送要存储的名称和值,然后它应该使用新值更新我的.js文件,并在5个完成后,我然后继续检查每个值,然后决定用户是否可以登录,但它总是在我第一次单击按钮时返回默认值,第二次工作,因为他有新值,所以我只能假设函数check_Authenticantion在AsyncStorages之前运行
函数check_aunthentication如下所示

function check_Authentication() {
Alert.alert("I Got user " + globals.account_user_value)
if(globals.account_user_value != "0"){
    const account_status = check_Account_Status(globals.account_status_value)
    return_value = JSON.stringify(account_status["return_value"])
    if(return_value == "true"){
        screen = JSON.stringify(account_status["screen"]);
        if(screen == "ForcePassword"){
            return true;
        }
        const account_profile = check_Account_Profile(globals.account_profile_status_value)
        return_value = JSON.stringify(account_profile["return_value"])
        if(return_value == "true"){
            screen = JSON.stringify(account_profile["screen"])
            const account_role = check_Account_Role(globals.account_role_value)
            return_value = JSON.stringify(account_role["return_value"])
            if(return_value == "true"){
                screen = JSON.stringify(account_role["screen"]) + screen
                screen = replace_Quote_Marks(screen)
                return true;
            }else{
                message = JSON.stringify(account_profile["message"])
                Alert.alert(message)
                return false;
            }
        }else{
            message = JSON.stringify(account_profile["message"])
            Alert.alert(message)
            return false;
        }
    }else{
        message = JSON.stringify(account_status["message"])
        Alert.alert(message)
        return false;
    }
}else{
    Alert.alert("No User Found")
    return false;
}
}

这就是我如何运行main函数来触发所有事件

<TouchableHighlight
    style = {styles.submit_button}
    onPress={() => {
        do_Login().done()
    }
    }>
    <Text style = {styles.submit_text}>Login</Text>
</TouchableHighlight>
bd1hkmkf

bd1hkmkf1#

我已经找到了一个工作,可能不是最好的选择,但我做到了。
AsyncStorage函数中删除await会使check_Authentication等待AsyncStorage完成设置值
感谢@Slaks为您的时间

相关问题