如何设置 Express JS 与 React JS 一起工作？

Question

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

Answer 1

您可以尝试先在 codesandbox 上创建一个 ready-to-use 示例沙箱。

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

Answer 2

ReactJS 是前端，NodeJS 是后端，

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

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

React client-side 的工作方式与 PHP 不同，您正在导航到已通过 javascript 文件加载的不同页面，所有内容均通过 [=29= 呈现] 所以它不会从服务器呈现，这就是 communicate/fetch 数据需要 API 的原因。

有在 server-side 上渲染 reactjs 的选项，例如 NEXTJS 是在服务器上渲染 Reactjs 的最佳框架，但是，reactjs 的大部分将在客户端 js 上。