Reactjs 在press上调用restapi函数

我这里有一个RESTAPI函数，我想在按下下面的按钮后调用它（以便将数据发送到服务器）

这是我要按的按钮。我希望它调用API函数，并将我带到按下的下一个屏幕。这能做到吗

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

navigation.navigate（'Scanner'）}
>
达耶

---

这只是一个测试REST API，我正在试用。如果您对此有任何意见，请发表意见。非常欢迎发布这些API。我不太确定您的问题，但这可能会有所帮助吗

如果函数和组件在同一类中：

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)
    }
}

然后：

---

您遇到的实际问题是什么？我不能100%确定如何将其包含在我的

按钮
组件中。您想对数据做什么？将其发送到后端服务器这对您有帮助吗？你应该公布你的班级结构。
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}/>

navigation.navigate("Scanner");