javascript - 如何从 React 组件触发事件并使用节点/快速服务器捕获它？

Question

我是 React 的新手，我正在尝试通过制作一个由 React 前端和后端 Express 服务器组成的小全栈应用程序来进行一些练习。

我想在 React 组件中创建一个按钮，按下该按钮会触发 Express Server 文件中的一个函数。原因是，我想通过服务器将 POST/GET 请求发送到另一个 REST API，但前提是前端的用户按下按钮。

我的问题是：最好的方法是什么？

Answer 1

首先，您需要将前端应用程序连接到 Express 服务器。现在他们可以使用 Websockets、SSE 等进行通信，但考虑到您是新手，我将介绍客户端拉动机制。

步骤：

1. 您需要从您的 Express 服务器公开一个 api。
2. 反应应用程序将有一个带有 onClick 事件的按钮。
3. 单击时，它将触发一个功能。此函数将对您的 Express 端点（在步骤 1 中定义）进行 api 调用。
4. 您在 Express 应用程序中定义的处理程序将依次调用另一个 Rest API（如您所述）。

Answer 2

1）在您的后端发出 GET/POST 请求，并让它从您需要从中获取数据的另一个 API 请求数据。将返回的数据分配给一个变量，然后将此变量放在您的 POST/GET 请求的 res.send() 中。2) 在“return()”之前的 React 组件中创建一个函数，将 Axios 请求发送到您在后端提到的端点。并将响应值分配给您的状态。3）在您的“return（）”中创建一个按钮元素，您需要一个 onClick 事件。在此 onClick 事件中调用您的函数。请注意，您需要安装 axios npm 包并导入它。