Axios in React Native not calling backend server - react-native

Question

I'm building a react native app for sign up and login. The backend works well. I checked with Postman. But the frontend doesn't call the server for the post request.
This is the Register.js
import React, { useState } from 'react';
import Axios from 'axios';
import {
StyleSheet,
SafeAreaView,
View,
Text,
TouchableOpacity,
TextInput,
} from 'react-native';
import { ScrollView } from 'react-native-gesture-handler';
export default function Register({ navigation }) {
const [nom, setNom] = useState();
const [prenom, setPrenom] = useState();
const [username, setUsername] = useState();
const [matricule, setMatricule] = useState();
const [specialite, setSpecialite] = useState();
const [email, setEmail] = useState();
const [password, setPassword] = useState();
function save() {
console.log({
"matricule": matricule,
"nom": nom,
"prenom": prenom,
"username": username,
"specialite": specialite,
"email": email,
"password": password
})
Axios.post("http://192.168.1.1:8080/api/save",{
'matricule': matricule,
'nom': nom,
'prenom': prenom,
'username': username,
'specialite': specialite,
'email': email,
'password': password
},
{
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
}
)
.then(res => console.log(res.data))
alert("User Registation Successfully");
navigation.replace('Login');
}
I see the alert and it navigates to another screen, and returns the data i entered correctly, but it's like it ignores the post request.
Any help would be appreciated.
Thanks

Answer 1

You're invoking an asynchronous operation and then, before any result has been received, immediately notifying the user that the operation succeeded (which you don't know) and immediately navigating away (which I expect could very well just abandon the asynchronous operation).
Perform these tasks in response to the asynchronous operation, not while it's still executing:
.then(res => {
console.log(res.data);
alert("User Registation Successfully");
navigation.replace('Login');
});