如何解决如何从后端快速服务器获取数据到前端反应应用程序,反之亦然
const express = require("express");
const app = express();
var array = [1,2,3,4,5]
app.get("/",function(req,res){
res.send("this is backend of application");
})
app.listen(5000,()=> console.log("listening on 5000"));
而且我还有一个由 create-react-app 创建的简单前端
import React from "react";
import ReactDOM from "react-dom";
import App from "./app"
ReactDOM.render(
<div>
<App />
</div>,document.getElementById("root"));
现在我的问题是如何将“数组”从后端文件获取到我的前端反应文件和。反之亦然??
解决方法
在您的组件中创建一个方法并使用内置的 fetch API。您也可以使用 axios
。
componentDidMount() {
fetch("http://localhost:5000/")
.then(res => res.json())
.then(
(result) => {
// set state here
console.log(result);
},// Note: it's important to handle errors here
// instead of a catch() block so that we don't swallow
// exceptions from actual bugs in components.
(error) => {
console.log(error);
}
)
}
查看here了解更多详情。
在节点端进行以下更改:
const express = require("express");
const app = express();
var array = [1,2,3,4,5]
app.get("/",function(req,res){
res.send({message: "this is backend of application",data: array});
})
app.listen(5000,()=> console.log("listening on 5000"));
注意:如果您按照 this 文章创建带有 Node 后端的 React 应用程序会很容易。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。