调用REST函数onPress

Question

我这里有一个REST函数，一旦我按下下面的按钮(所以数据被发送到服务器)，我想调用它。

async function flaskAPI() {
    try {
        await fetch('https://webhook.site/10d127c0-79b5-42e7-86c3-0badd9b58f4f', {
            method: 'post',
            mode:'no-cors',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                data: pickerSel
            })
        });
    }   catch(e) {
        console.log(e)
    }
}

这是我要按的按钮。我希望它调用API函数和，然后按下一个屏幕。这能办到吗？

<Button icon='arrow-right' mode='outlined' color='black'
                        onPress={() => navigation.navigate('Scanner')}                        
                        >
                            Dalje
                        </Button>

这只是一个测试REST，我正在试用，如果您对它有任何评论，请您非常欢迎发布它们。

Answer 1

我不太确定你的问题，但这也许有帮助吗？

如果您的函数和组件位于同一个类中：

const flaskAPI = async (){
    try {
        await fetch('https://webhook.site/10d127c0-79b5-42e7-86c3-0badd9b58f4f', {
            method: 'post',
            mode:'no-cors',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                data: pickerSel
            })
        });
    }   catch(e) {
        console.log(e)
    }
}

然后：

<Button onPress={flaskAPI}/>

如果您想导航到“扫描仪”屏幕，可以将以下内容包含到您的flaskAPI函数中。

navigation.navigate("Scanner");