Express & React - 如何将我的 var 从一个 .js 转移到另一个

Posted 2023-02-22

【中文标题】Express & React - 如何将我的 var 从一个 .js 转移到另一个

【英文标题】：Express & React - How can i transfer my var from one .js to another

【发布时间】：2017-07-04 07:30:02

【问题描述】：

我正在开发使用 Node Express 和 React 的项目。 Here's my project's dir 我想从我的 app.js 发送一个 var，它是一个 JSon 数组到 index.js。

我该怎么办？

如果您需要更多信息，请提出问题。

【问题讨论】：

您介意显示一些代码吗？

【参考方案1】：

导出一个将数组作为参数的函数。

index.js

module.exports = function(array) 
  console.log(array);

并从 app.js 调用它

var index = require('./index');
index([]);

【参考方案2】：

您不应该直接从服务器导入变量。 而是在您的应用程序中，通过 api 调用检索该数据。

无论如何，当你需要使用另一个文件中的数据时，使用导入和导出语句

例如

书店.js

export default const = [
  isbn: '1234-4567-6544', name: 'Learn React'
]

app.js

import books from './bookstore';
// use books here

【参考方案3】：

我相信您正在询问更多关于如何在客户端和服务器之间发送数据的问题。

使用 express，您可以创建一个路由，该路由通过您的 react 客户端发出的 get 请求发送 JSON var。

这里有一些示例代码：

//Serverside (EXPRESS)
var app = express();

var myJson =  "foo": "bar" ;
app.get('/myjson', function(req, res) 
  res.send(JSON.stringify(myJson));
);

//CLIENTSIDE (REACT)
...
import axios from 'axios';
...

...
myFunction() 
  var serverAddress = "<insertserveraddresshere>"
  axios.get(serverAddress+`/myjson`)
    .then(res => 
      console.log(res); //json should be here
    );

...

【参考方案4】：

谢谢你们三位的时间。 我认为马特最接近我想做的事情。

我试过了：

//Serverside (EXPRESS)
...
app.get('/jsonSansAnonymous', function (req,res)
        res.send(JSON.stringify(jsonSansAnonymous));
    );
...

//CLIENTSIDE (REACT)
...
var serverAddress = "http://localhost:9000";
        axios.get(serverAddress + `/jsonSansAnonymous`)
                .then(res => 
                    alert(res);
                );
...

Here's what i get

我做错了吗？也许我的 var serverAdress 不是你在说的。 我的 var jsonSansAnonymous 不仅仅是一个 Json，而是一个 Json 数组。

再次感谢您的帮助。