如何设置 Express JS 与 React JS 一起使用？

Question

我是 React JS 的新手，但我想将我的后端与 React JS 连接起来。我想获取输入字段数据并将其与后端连接。我以前使用 EJS 进行 FE。我想在 React 上做同样的事情。有可能吗？

Answer 1

ReactJS 是前端，NodeJS 是后端，

您不能直接与后端通信，但您可以创建一个 REST API，让您的前端与后端通信。

在 nodejs 后端创建您的 API，然后从您的前端通过 API 端点上的 post 请求发送数据。

react 客户端工作的方式与 PHP 不同，您正在导航到已经通过 javascript 文件加载的不同页面，所有内容都通过 Javascript 呈现，因此它不会从服务器呈现，这就是 API 的原因需要通信/获取数据。

有一些选项可以在服务器端渲染 reactjs，例如 NEXTJS 是在服务器端渲染 Reactjs 的最佳框架，但仍然，reactjs 的大部分部分将在客户端 js 上。

Answer 2

您可以尝试先在codesandbox 上创建一个现成的示例沙箱。

README.md 文件中有一个关于如何自行设置的教程。我强烈建议您至少在本地设置一次，以便了解您需要自己启动和运行它的想法。