Express＆React - 如何將我的var從一個.js傳輸到另一個。

Question

我正在使用Node Express和React的項目。 Here's my project's dir 我想從我的app.js發送一個var是JSon數組到index.js。

我該怎麼辦？

如果您需要更多信息，請提出問題。

Answer 1

導出一個將該數組作爲參數的函數。

index.js

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

和app.js

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

Answer 2

叫什麼你不應該直接從服務器導入變量。 而是在您的應用程序中，通過api調用檢索該數據。

無論如何，當你需要從另一個文件，使用導入和導出語句中使用的數據

例如

bookstore.js

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

app.js

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

Answer 3

我相信你會問如何在客戶端和服務器之間發送數據。

使用express，您可以創建一個路由，它通過您的反應客戶端發出的獲取請求發送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 
    }); 
} 
... 

Answer 4

THX你們三個的時間。 我認爲馬特最接近我想要做的事。

我嘗試這樣做：

//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數組。

Thx再次爲您提供幫助。