Вызов функции REST API onPress

Question

У меня есть эта функция API 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>

Это всего лишь тестовый API 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)
    }
}

THEN:

<Button onPress={flaskAPI}/>

Если вы хотите перейти к экрану «Сканер», вы можете включить в свою функцию flashkAPI следующее:

navigation.navigate("Scanner");