如何更新生成器在 Flask 后端生成的 React 前端数据?

How to update data on React frontend that are yielded in Flask backend by generator?

当客户端访问我的 Flask 端点之一时,我想构建一个 python 生成器,每 ~5 秒生成一个新图像并将图像发送到 React 前端进行更新。

正确的做法是什么?如何让 React 更新显示的图像?

您是否考虑过在前端和后端之间创建 WebSocket 连接?套接字可以保持打开状态,服务器可以配置为在一定时间间隔内发送新图像。在前端,您可以使用 React.useState 存储图像 URL 并在侦听来自 WebSocket 的新消息的函数中更新它。

这些可能会有帮助:

https://flask-socketio.readthedocs.io/en/latest/

https://socket.io/docs/v4/client-api/