请求后端节点应用程序后如何刷新 React 组件？

Posted 2023-03-10

【中文标题】请求后端节点应用程序后如何刷新 React 组件？

【英文标题】：How to refresh a React component after a request to backend Node app?

【发布时间】：2021-11-25 21:13:15

【问题描述】：

我有一个由以下组成的应用程序：

反应前端 Node JS + Express 后端 蒙古数据库

后端和前端主要通过 Apollo GraphQL 进行通信。 最近我开始使用 Twilio 拨打电话。通话后，Twilio 向我的节点 JS 应用程序发送一个后端请求到一个特定的路由，然后在 Mongo 中修改一个文档。请求完全独立于前端，可以随时来。

如何更新 React 组件 - 一个显示上述文档的表单，在后端请求之后（显示的数据应该根据后端版本更改）？我正在考虑 websockets 和/或 Apollo 订阅，但也许有更简单的方法？

【问题讨论】：

这可以使用redux和redux-thunk中间件来实现，refer

【参考方案1】：

这里是 Twilio 开发者宣传员。

您正在寻找一种将数据从服务器推送到前端的方法。 Web 套接字可能是您的最佳解决方案，并且由于您已经在使用 Apollo，并且 Apollo 订阅通常通过 Web 套接字实现，那么这对您来说可能是一个很好的解决方案。