Javascript 通过将SQL Server数据加载到前端时出错

嗨，我希望你能帮忙，祝你今天过得愉快：）

本质上，我是在使用SQLServer将数据拉到我的react项目中。 我已经设法以json格式获取数据，以显示给localhost:5000（我的server.js正在运行的地方）。我已经开发了一个组件来提取这些数据，然后可以在其他组件中使用

这是组件（DisplayUsers）的代码

如果有人能就如何修改这一点给我一些建议，我将不胜感激。 我是一个新的反应，但我爱它到目前为止：）

编辑这是我的sever.js文件

const sql = require('mssql')
const app = express();
const port = process.env.PORT || 5000;

app.listen(port, () => `Server running on port ${port}`);

const config = {
  user: 'sas',
  password: 'Mypassword456',
  server: 'DEVSQL_2014', // You can use 'localhost\\instance' to connect to named instance
  database: 'TestDBWebsite',
}

app.get('/admin-view-users', function (req, res) {

  // connect to your database
  sql.connect(config, function (err) {

      if (err) console.log(err);

      // create Request object
      var request = new sql.Request();

      // query to the database and get the records
      request.query('select * from Users2  ', function (err, recordset) {

          if (err) console.log(err)

         // send records as a response

          res.json(recordset)




      });
  });
}); ```

---

我不确定，但我认为有必要这样做：

...
.then (results => this.setState({'users': results.data}));

---

请更新您的状态声明，如下所示：this.state={users:[]}谢谢您的帮助，但我仍然收到相同的错误。请务必让我知道它是否有效。hi Govind，它仍然提示相同的问题。您的代码在这里工作正常

const sql = require('mssql')
const app = express();
const port = process.env.PORT || 5000;

app.listen(port, () => `Server running on port ${port}`);

const config = {
  user: 'sas',
  password: 'Mypassword456',
  server: 'DEVSQL_2014', // You can use 'localhost\\instance' to connect to named instance
  database: 'TestDBWebsite',
}

app.get('/admin-view-users', function (req, res) {

  // connect to your database
  sql.connect(config, function (err) {

      if (err) console.log(err);

      // create Request object
      var request = new sql.Request();

      // query to the database and get the records
      request.query('select * from Users2  ', function (err, recordset) {

          if (err) console.log(err)

         // send records as a response

          res.json(recordset)




      });
  });
}); ```

...
.then (results => this.setState({'users': results.data}));