将 React.js MySql 数据表达成变量答案

【问题标题】：Express React.js MySql data into variable将 React.js MySql 数据表达成变量
【发布时间】：2021-09-18 11:51:18
【问题描述】：

嗨！当我遇到一些麻烦时，我正在编写我的网络应用程序。

**我想让这个类只有在“swishes”（我的 MySQL 数据库中的一个表中的一个值）大于 0 时才会运行。**

     var thepos = 1;
    export default class WishStick extends React.Component {
      render() {      
    var vars = standardwishitems(stars);
    const WishShow = WishResults(stars, vars[0]);
    const anim = pullanim(stars);
    giveItem(vars[1], thepos);
    thepos +=1;
    return(
        <div>
            <Animation />
            {WishShow}
        </div>

    );
}
 }

这是我的服务器代码：

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const app = express();
const mysql = require('mysql');
const {
createPool
} = require('mysql');
const { response } = require('express');

const db = createPool({
host:"My ip address :P",
user:"my username :P",
password:"my password :P",
database:"player"
})

const account = createPool({
host:"My ip address :P",
user:"my username :P",
password:"my password :P",
database:"account"
})

app.use(cors());
app.use(express.json());
app.use(express.urlencoded({
extended: true
}));

app.get('/api/get', (req, res)=>{

const wishes = "SELECT swishes, pwishes FROM account WHERE id = 11";
account.query(wishes, (err, result) => {
    res.send(result);
    
});
});

app.post("/api/insert", (req, res)=>{

const pos = req.body.pos
const vnum = req.body.vnum
const additem = "INSERT INTO player.item (owner_id, pos, count, vnum) VALUES ('11', ?, '1', 
?)"
db.query(additem, [pos, vnum], (err, result) => {
    console.log(pos, vnum, err);
})
res.send("a mers");
});
app.listen(3001, () =>{
console.log("running on port 3001");
});

这是 /api/get 的结果：

[{"swishes":999,"pwishes":999}]

我已经尝试过在线搜索，但是我看到并尝试过的每种方法都将查询放入数组并映射到 h1 或 li 标签，这不是我想要做的。我试图从“swishes”中获取值到一个变量中，比如说wishNum，那么例如我可以这样做 if(wishNum > 0) { return WishStick }else {alert('你没有足够的愿望！')} . 你知道我该怎么做吗？

【问题讨论】：

标签： javascript mysql reactjs express

【解决方案1】：

我终于明白了，伙计们！这就是你的做法：

wishes.map(val => { s_wishes = parseInt(val.swishes)})

例子：

var s_wishes;
const { error, isLoaded, wishes } = this.state;
if (error) {
return <div>Error: {error.message}</div>;
} else if (!isLoaded) {
return <div>Loading...</div>;
} else {
wishes.map(val => { s_wishes = parseInt(val.swishes)});
console.log(s_wishes);
}

【讨论】：