Javascript 如何将Express js导入React js？

是否可以将Express js导入React js？我使用expressjs与MySql进行数据库连接，从表中检索行。我需要在react应用程序中显示结果。如何才能做到这一点

var express = require('express');
var app = express();


var PORT = 3000;
app.listen(PORT, function(){
  console.log('http://localhost:'+ PORT);
});

var mysql      = require('mysql');
var connection = mysql.createConnection({
   host     : 'localhost',
   user     : 'root',
   password : '',
   database : 'example'
 });

 connection.query('SELECT * from customers', function(err, rows, fields) {
   if (!err)

     console.log('The solution is: ', rows);
   else
     console.log('Error while performing Query.');
 });

 connection.end();

---

节点中类似于这样的内容

app.get('/customers', function (req, res) {
 connection.query('SELECT * from customers', function(err, rows, fields) {
  if (!err)
    //process your db result here and then response
   res.json(result);
    connection.end();
 else
   res.status(500).json(err);
   connection.end();
 });


})

在react中，您可以使用fetch模块

 fetch(`http://<host>:<port>/customers`) 
        .then(result=> {
            //here inside result you have the response from your express app
        }); 

---

只需添加以下路径，即可在Express服务器上运行React应用程序：

// React
router.get('*', (req, res) => {
  res.sendFile(path.resolve(__dirname, '../../../dist/index.html'));
});

但是，当然，您应该提供自己到React入口点的路径。 在此之后，您可以使用fetch-in-React-component或Redux的action/reducer或任何您喜欢的地方，简单地到达API的端点

---

使用此解决方案，您不必为React应用程序和API分别设置两个独立的服务器

您必须从express应用程序打开API，并从React前端调用它们。我认为您没有正确理解这些技术的关系……如果您有一个express.js服务器，则需要向其发送请求，这和react没有任何关系。尝试阅读您建议将这些代码放在何处，以及如何在react组件中使用结果？这确实是一个广泛的问题。人们有自己的做事方式。通常，您应该在express中编写中间件来处理这种db查询，并将它们分离到一个新文件中。在react组件中，当某个事件发生时进行此调用。看看这段视频。这家伙用redux thunk中间件发送actionmake api调用。从react and express开始，这是一个很好的视频。你是对的，这就是为什么我投票以广泛的方式结束这个问题，而不是试图回答它。