将React连接到Nodejs后端的最佳方式是什么

Question

嘿，伙计们，我最近完成了React和Nodejs的学习。问题是我不知道如何将两者连接起来才能拥有一个全栈应用程序。你们能帮我吗？哪些库是您使用过的最好的库。

Answer 1

要通过ReactJS连接后端和前端，您可以使用axios使用外部API，为此您将其安装在应用程序中：

npm install axios

或

yarn install axios

例如，当后端应用程序在3333端口本地运行时，您可以在应用程序中创建一个api.js文件，并放入代码：

import axios from "axios";
const api = axios.create({
baseURL: "http://localhost:3333/",
});
export default api;

因此，您可以转到React应用程序的主文件，并使用useEffect挂钩进行消费，如下所示：

import React, { useEffect, useState } from "react";
import api from "./api";
export default function App() {
useEffect(() => {
api
.get("/YOUR ENDPOINT")
.then((response) => console.log(response.data))
.catch((err) => {
console.error("error" + err);
});
}, []);
return (
<div className="App">

</div>
);
}