React Native中的Axios未调用后端服务器

cqoc49vn  于 2023-02-16  发布在  React
关注(0)|答案(1)|浏览(156)

我正在开发一个react原生应用程序,用于注册和登录。后端运行良好。我和 Postman 联系过了。但是前端没有为发布请求调用服务器。
这是注册表. 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');
}

我看到警报,它导航到另一个屏幕,并返回我正确输入的数据,但它似乎忽略了发布请求。
任何帮助都将不胜感激。谢谢

l7wslrjt

l7wslrjt1#

您正在调用一个异步操作,然后在收到任何结果之前,立即通知用户操作成功(您不知道)并立即导航离开(我认为这很可能只是放弃异步操作)。
执行这些任务 * 以响应 * 异步操作,而不是在异步操作仍在执行时执行:

.then(res => {
  console.log(res.data);
  alert("User Registation Successfully");
  navigation.replace('Login');
});

相关问题