為什么我無法從 api 得到正確響應？

Question

我無法從我的 api 中得到一個好的答案，例如我嘗試從 api 讀取“真”或“假”以授予用戶授權，但我得到的只是未定義的數據。 從發送數據到驗證用戶，這兩種方法都非常有效。

我在服務器中有這個 api 方法：

router.get("/sickers/user/login/:mail/:pass", (req, res) => {
    //var values = JSON.parse(req.body);
    var pass = req.params.pass;
    var email = req.params.mail;
    //console.log(values);
    if (pass !== null || pass !== "") {
        try {
            con.connect();
            con.query("SELECT Password FROM `sickers` WHERE Email='" + email + "'", function(err, rows, field) {
                if (err) {
                    console.log(err);
                    res.send("an error detected try later");
                } else {
                    try {

                        if (pass == rows[0].Password) {

                            res.json({ "result": "true" })
                        } else {
                            res.json({ "result": "false" })
                        }
                    } catch {

                        res.json({ "result": "false" })
                    }

                }
            });
        } catch (e) {
            res.send("no data found");
            console.log("obj not found");
        }
    }
 con.end();
});

這在我的反應應用程序中調用 api ：

submithandler(e) {
   e.preventDefault();
        const url = 'http://localhost:8000/api/sickers/user/login/'+this.state.email+'/'+this.state.password+'';
        const res =  fetch(url);
        const data = res;
        this.setState({result:data});
       alert(this.state.result);

    }

謝謝。

Answer 1

考慮您正在使用的函數的異步性質。 它可能看起來像這樣：

const url = 'http://localhost:8000/api/sickers/user/login/'+this.state.email+'/'+this.state.password+'';
// Use .then to call a function AFTER the fetch has completed
fetch(url).then(result => result.json()).then((response) => {
  // Use the setState callback to check updated values AFTER they have been updated
  this.setState({result: response}, () => {
    alert(this.state.result);
  });
});

fetch文檔

關於setState的文檔